{"id":26250,"date":"2026-06-28T17:29:19","date_gmt":"2026-06-28T15:29:19","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26250"},"modified":"2026-07-27T18:31:19","modified_gmt":"2026-07-27T16:31:19","slug":"edytor-symboli-industrial-graphics-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-2","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/edytor-symboli-industrial-graphics-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-2\/","title":{"rendered":"Edytor symboli Industrial Graphics | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 2"},"content":{"rendered":"\n
<\/div>\n\n\n\n

W tym odcinku poznamy podstawy obs\u0142ugi edytora symboli Industrial Graphics.<\/p>\n\n\n

\n

Kurs projektowania symboli Industrial Graphics w oprogramowaniu wizualizacyjnym AVEVA<\/strong><\/h3>\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
\n9. Tworzenie symboli na podstawie zmiennych
\n10. Wykorzystanie grafiki SVG w symbolach
\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
\n

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

Custom Properties<\/h4>\n22. Wprowadzenie do w\u0142a\u015bciwo\u015bci Custom Properties
\n23. Dodawanie w\u0142a\u015bciwo\u015bci Custom Properties
\n

Style<\/h4>\n24. Wprowadzenie do styl\u00f3w
\n

Skrypty<\/h4>\n25. Wprowadzenie do skrypt\u00f3w
\n26. Edytor skrypt\u00f3w Industrial Graphics
\n<\/div>\n\n\n

W \u015brodkowej cz\u0119\u015bci okna znajduje si\u0119 obszar roboczy edytora. Klikni\u0119cie prawym przyciskiem myszy na tym obszarze wy\u015bwietla menu kontekstowe, daj\u0105ce dost\u0119p do wielu funkcji edytora Industrial Graphic.<\/p>\n\n\n\n

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

Na g\u00f3rze znajduje si\u0119 pasek menu, kt\u00f3ry umo\u017cliwia dost\u0119p do wi\u0119kszo\u015bci funkcji i narz\u0119dzi edytora. Poni\u017cej znajduje pasek narz\u0119dziowy, na kt\u00f3rym znajduj\u0105 si\u0119 m.in. opcje zapisywania grafiki, wycinania, kopiowania i wklejania element\u00f3w, opcje Undo<\/strong> i Redo<\/strong>. Tu tak\u017ce mo\u017cna uzyska\u0107 dost\u0119p do biblioteki obiekt\u00f3w, a tak\u017ce opcji powi\u0119kszania, pomniejszania i wy\u0142\u0105czania siatki (grid).<\/p>\n\n\n\n

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

Poni\u017cej znajduje si\u0119 pasek, na kt\u00f3rym znajduj\u0105 si\u0119 opcje zwi\u0105zane z czcionkami, wyr\u00f3wnywaniem tekstu, kolorami, obramowaniami i wype\u0142nieniami. Mo\u017cna tu r\u00f3wnie\u017c definiowa\u0107 zako\u0144czenia linii, co pozwala na tworzenie zako\u0144cze\u0144 okr\u0105g\u0142ych i strza\u0142ek.<\/p>\n\n\n\n

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

Poni\u017cej znajduje si\u0119 pasek wyr\u00f3wnania, kt\u00f3ry pozwala na pozycjonowanie wielu grafik w taki spos\u00f3b, aby by\u0142y uporz\u0105dkowane, na przyk\u0142ad wszystkie w prostym rz\u0119dzie poziomym lub pionowym. Mo\u017cna te\u017c utworzy\u0107 r\u00f3wne odst\u0119py mi\u0119dzy zaznaczonymi grafikami.<\/p>\n\n\n\n

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

Poni\u017cej znajduje si\u0119 pole narz\u0119dzi (Tools<\/strong>), gdzie znajdziemy wiele podstawowych kszta\u0142t\u00f3w i element\u00f3w przydatnych do projektowania grafiki, takich jak linie, wielok\u0105ty (w tym zaokr\u0105glone), elipsy, linie \u0142amane czy \u0142uki. Mamy tu r\u00f3wnie\u017c dost\u0119p do wykres\u00f3w, tekst\u00f3w i p\u00f3l tekstowych, a tak\u017ce kontrolek systemu Windows, takich jak checkbox, lista i lista rozwijalna. Tutaj r\u00f3wnie\u017c znajduj\u0105 si\u0119 kontrolki do obs\u0142ugi wykres\u00f3w (trend\u00f3w) oraz alarm\u00f3w.<\/p>\n\n\n\n

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

Pod polem narz\u0119dzi znajduje si\u0119 lista element\u00f3w (Elements<\/strong>), kt\u00f3re zosta\u0142y umieszczone na obszarze roboczym \u2013 pocz\u0105tkowo jest ona pusta. Ka\u017cdy element graficzny, kt\u00f3ry umie\u015bcimy w polu roboczym, zostanie umieszczony na tej li\u015bcie. Kolejno\u015b\u0107 element\u00f3w b\u0119dzie odzwierciedla\u0107 \u201epionowe\u201d ich rozmieszczenie \u2013 obiekty znajduj\u0105ce si\u0119 wy\u017cej b\u0119d\u0105 przes\u0142ania\u0107 te, kt\u00f3re znajduj\u0105 si\u0119 ni\u017cej.<\/p>\n\n\n\n

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

Po prawej stronie okna znajduj\u0105 si\u0119 trzy karty: Properties<\/strong>, Toolbox<\/strong> oraz Model Tag Name<\/strong>. Karta Properties<\/strong> pozwala zmienia\u0107 w\u0142a\u015bciwo\u015bci elementu graficznego, kt\u00f3ry b\u0119dzie zaznaczony kursorem myszy na obszarze roboczym. Je\u017celi zaznaczymy wiele element\u00f3w na razi, wy\u015bwietlone zostan\u0105 tutaj wszystkie atrybuty wsp\u00f3lne dla tych element\u00f3w. W\u015br\u00f3d tych atrybut\u00f3w s\u0105 m.in. pozycja i rozmiar elementu, parametry opisuj\u0105ce jego zachowanie w trybie runtime \u2013 lista atrybut\u00f3w jest zale\u017cna od typu wskazanego elementu.<\/p>\n\n\n\n

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

Na karcie Toolbox<\/strong> mo\u017cna przegl\u0105da\u0107 bibliotek\u0119 gotowych grafik Industrial Graphics, mo\u017cna tu te\u017c znale\u017a\u0107 grafiki utworzone przez u\u017cytkownika i dodane do biblioteki. Korzystaj\u0105c z tej karty elementy z biblioteki mo\u017cna umie\u015bci\u0107 w obszarze roboczym tworzonego obiektu.<\/p>\n\n\n\n

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

Alternatywnie symbole z biblioteki mo\u017cna r\u00f3wnie\u017c dodawa\u0107 za pomoc\u0105 przycisku Embed Industrial Graphics<\/strong>, kt\u00f3ry wy\u015bwietla przegl\u0105dark\u0119 biblioteki w oknie Galaxy Browser<\/strong>.<\/p>\n\n\n\n

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

Karta Model Tag Name<\/strong> pozwala wy\u015bwietli\u0107 typy UDT (typy zdefiniowane przez u\u017cytkownika) w aplikacji InTouch, a tak\u017ce list\u0119 zmiennych w aplikacji, uporz\u0105dkowan\u0105 wed\u0142ug grup alarmowych.<\/p>\n\n\n\n

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

Na samym dole okna znajduje si\u0119 pasek stanu, kt\u00f3ry informuje o liczbie zaznaczonych obiekt\u00f3w, wybranym j\u0119zyku, po\u0142o\u017ceniu aktualnie wybranej grafiki oraz jej szeroko\u015bci i wysoko\u015bci.<\/p>\n\n\n\n

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

W nast\u0119pnym odcinku<\/a> om\u00f3wimy zaznaczanie i przesuwanie element\u00f3w graficznych w edytorze Industrial Graphics.<\/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