{"id":26487,"date":"2026-07-28T19:15:00","date_gmt":"2026-07-28T17:15:00","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26487"},"modified":"2026-07-28T19:39:03","modified_gmt":"2026-07-28T17:39:03","slug":"tworzenie-symboli-na-podstawie-zmiennych-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-9","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/tworzenie-symboli-na-podstawie-zmiennych-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-9\/","title":{"rendered":"Tworzenie symboli na podstawie zmiennych | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 9"},"content":{"rendered":"\n
<\/div>\n\n\n\n

W tym odcinku poznamy funkcj\u0119 tworzenia element\u00f3w graficznych bezpo\u015brednio ze zmiennych.<\/p>\n\n\n

\n

Kurs projektowania symboli Industrial Graphics w oprogramowaniu wizualizacyjnym AVEVA<\/strong><\/h3>\n\n
\n1. Wprowadzenie do Industrial Graphics<\/a>
\n

Edytor Industrial Graphics<\/h4>\n2. Edytor symboli Industrial Graphics<\/a>
\n3. Zaznaczanie i przesuwanie element\u00f3w graficznych<\/a>
\n4. Grupowanie element\u00f3w graficznych<\/a>
\n5. Wyr\u00f3wnywanie element\u00f3w graficznych<\/a>
\n6. Zmiana orientacji element\u00f3w graficznych<\/a>
\n7. Kolejno\u015b\u0107 element\u00f3w w osi Z (z-order)<\/a>
\n8. Dynamiczna zmiana rozmiaru<\/a>
\n9. Tworzenie symboli na podstawie zmiennych<\/a>
\n10. Wykorzystanie grafiki SVG w symbolach<\/a><\/td>\n

Rysowanie w Industrial Graphics<\/h4>\n11. Rysowanie linii
\n12. Rysowanie kszta\u0142t\u00f3w
\n13. Teksty i pola tekstowe
\n14. Wy\u015bwietlanie statusu jako\u015bci danych
\n15. Praca z przyciskami wyboru (radio buttons)
\n16. Praca z kontrolk\u0105 kalendarza
\n17. Praca z kontrolk\u0105 wyboru daty i czasu
<\/td>\n


Animacje<\/h4>\n18. Wprowadzenie do animacji
\n19. Animacja wype\u0142nienia procentowego
\n20. Animacja wy\u015bwietlania warto\u015bci
\n21. Animacja wprowadzania warto\u015bci
\n

Narz\u0119dzia zaawansowane<\/h4>\n22. Wprowadzenie do w\u0142a\u015bciwo\u015bci Custom Properties
\n23. Dodawanie w\u0142a\u015bciwo\u015bci Custom Properties
\n24. Wprowadzenie do styl\u00f3w
\n25. Wprowadzenie do skrypt\u00f3w
\n26. Edytor skrypt\u00f3w Industrial Graphics
<\/td>\n<\/tr><\/table>\n<\/div>\n\n\n

W edytorze symboli po prawej stronie znajduje si\u0119 zak\u0142adka o nazwie Model \u2013 Tagname<\/strong>. Znajduj\u0105 si\u0119 na niej wszystkie zmienne zdefiniowane w aplikacji, zar\u00f3wno typu UDT (User Defined Type), jak i zwyk\u0142e. Te ostatnie pogrupowane s\u0105 wed\u0142ug grup alarmowych.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Wybierzmy z listy jedn\u0105 zmienn\u0105, w pokazywanym przyk\u0142adzie b\u0119dzie to Mixer100_Level_PV<\/strong>, i przeci\u0105gnijmy j\u0105 za pomoc\u0105 myszy na obszar roboczy. Pojawi si\u0119 niewielkie menu, w kt\u00f3rym mo\u017cemy rozwin\u0105\u0107 jedn\u0105 z dw\u00f3ch opcji: Graphics Elements<\/strong> lub Industrial Graphics<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Pierwsza z tych opcji, Graphics Elements<\/strong>, umo\u017cliwia dodanie jednego z podstawowych element\u00f3w graficznych \u2013 tych samych, kt\u00f3re dost\u0119pne s\u0105 w panelu narz\u0119dzi Tools<\/strong>. Rozwi\u0144my t\u0119 list\u0119.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Na pocz\u0105tek wybierzmy najprostsz\u0105 opcj\u0119: wy\u015bwietlenie grafiki (Value Display<\/strong>). Znajdziemy j\u0105 w podmenu Text<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Element tekstowy zosta\u0142 dodany, ale to nie wszystko. Kliknijmy teraz prawym przyciskiem myszy na dodanym elemencie tekstowym i wybierzemy z menu kontekstowego opcj\u0119 Edit Animations\u2026<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Przekonamy si\u0119, \u017ce w polu Value Display, odpowiedzialnym za zdefiniowanie zmiennej, kt\u00f3ra b\u0119dzie wy\u015bwietlana przez ten element, automatycznie przypisana zosta\u0142a ta zmienna, kt\u00f3r\u0105 przeci\u0105gn\u0119li\u015bmy do edytora, czyli Mixer100_Level_PV<\/strong>. Zatem po uruchomieniu aplikacji b\u0119dzie tu wy\u015bwietlana w\u0142a\u015bnie ta warto\u015b\u0107.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Zobaczmy drugi, ciekawszy przyk\u0142ad. Przeci\u0105gnijmy teraz na obszar roboczy ponownie t\u0119 sam\u0105 zmienn\u0105, ale tym razem wybierzemy z menu drug\u0105 pozycj\u0119: Industrial Graphics<\/strong>. Kryje si\u0119 pod ni\u0105 tylko jedna opcja: Browse Galaxy\u2026<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Po wybraniu tej opcji otwierana jest przegl\u0105darka symboli Industrial Graphics, czyli Galaxy Browser<\/strong>. Wybierzmy z niej symbol GlassCylinderFill<\/strong>, kt\u00f3ry znajduje si\u0119 w grupie Vessels<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Po naci\u015bni\u0119ciu przycisku OK<\/strong> element zosta\u0142 umieszczony w obszarze roboczym.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Klikaj\u0105c prawym przyciskiem myszy na grafice wy\u015bwietlamy menu, z kt\u00f3rego wybieramy Custom Properties<\/strong> (mo\u017cna u\u017cy\u0107 skr\u00f3tu klawiszowego CTRL+M<\/strong>).<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

W oknie Custom Properties widzimy, \u017ce wybrana przez nas zmienna Mixer100_Level_PV<\/strong> zosta\u0142a przypisana do w\u0142a\u015bciwo\u015bci Value<\/strong>, co w tym przypadku oznacza, \u017ce b\u0119dzie ona wizualizowana poprzez poziom nape\u0142nienia zbiornika.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Nale\u017cy pami\u0119ta\u0107, \u017ce w przypadku tej grafiki w\u0142a\u015bciwo\u015bci Max<\/strong> i Min<\/strong> nie s\u0105 automatycznie powi\u0105zywane z polami maxEU<\/strong> i minEU<\/strong> wybranej zmiennej, wi\u0119c je\u017celi warto\u015bci te s\u0105 zdefiniowane, nale\u017cy je tutaj r\u0119cznie przenie\u015b\u0107.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Tworzenie grafiki na podstawie zmiennych mo\u017ce by\u0107 te\u017c wykorzystywane w przypadku zmiennych UDT. W prezentowanej tu aplikacji mamy zdefiniowane przyk\u0142adowe UDT i przeci\u0105gniemy na obszar roboczy element Mixer100 -> Level -> PV<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

W menu widzimy, \u017ce opr\u00f3cz pozycji Browse Galaxy\u2026 pojawi\u0142 si\u0119 r\u00f3wnie\u017c ostatnio u\u017cyty zbiornik GlassCylinderFill<\/strong>, a wi\u0119c mo\u017cemy go teraz szybko wybra\u0107.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Po dodaniu elementu i przej\u015bciu do Custom Properties<\/strong> zobaczymy, \u017ce wybrana zmienna zosta\u0142a automatycznie przypisana do w\u0142a\u015bciwo\u015bci Value<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Podobnie jak poprzednio konieczne jest uzupe\u0142nienie w\u0142a\u015bciwo\u015bci Max<\/strong> i Min<\/strong>.<\/p>\n\n\n\n

W kolejnym odcinku<\/a> dowiemy si\u0119, jak dodawa\u0107 do symboli Industrial Graphics grafik\u0119 w formacie SVG.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n

Newsletter Poradnika Automatyka<\/h3><\/div>\n

Czytaj trendy i inspiracje, podstawy automatyki, automatyk\u0119 w praktyce<\/p>\n<\/div>\n

\n
\n