{"id":26271,"date":"2026-07-29T19:34:48","date_gmt":"2026-07-29T17:34:48","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26271"},"modified":"2026-07-29T19:44:24","modified_gmt":"2026-07-29T17:44:24","slug":"rysowanie-linii-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-11","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/rysowanie-linii-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-11\/","title":{"rendered":"Rysowanie linii | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 11"},"content":{"rendered":"\n
<\/div>\n\n\n\n

W tym odcinku zaczynamy poznawa\u0107 elementy, z wykorzystaniem kt\u00f3rych mo\u017cemy rysowa\u0107 symbole 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\n
\n
Edytor Industrial Graphics<\/h5>\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
Projektowanie symboli<\/h5>\n11. Rysowanie linii<\/a>
\n12. Rysowanie kszta\u0142t\u00f3w<\/a>
\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<\/h5>\n18. Wprowadzenie do animacji
\n19. Animacja wype\u0142nienia procentowego<\/td>\n
20. Animacja wy\u015bwietlania warto\u015bci
\n21. Animacja wprowadzania warto\u015bci
\n
Narz\u0119dzia zaawansowane<\/h5>\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
\n27. U\u017cywanie zewn\u0119trznych bibliotek w skryptach<\/td>\n<\/tr><\/tbody><\/table>\n<\/div>\n\n\n

W pierwszej kolejno\u015bci zajmiemy si\u0119 rysowaniem linii, a konkretnie odcinka oraz linii poziomych i pionowych. W edytorze Industrial Graphics s\u0142u\u017c\u0105 do tego dwa polecenia: Line<\/strong> oraz H\/V Line<\/strong> (Horizontal\/Vertical Line). Znajduj\u0105 si\u0119 one w panelu Tools<\/strong>.<\/p>\n\n\n\n

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

Aby narysowa\u0107 pojedynczy odcinek, wybieramy narz\u0119dzie Line<\/strong>, nast\u0119pnie klikamy w obszarze roboczym, zaznaczaj\u0105c pocz\u0105tek odcinka, a nast\u0119pnie \u2013 przytrzymuj\u0105c naci\u015bni\u0119ty klawisz myszy \u2013 przeci\u0105gamy kursor do punktu ko\u0144cowego. Gdy pu\u015bcimy klawisz myszy, odcinek zostanie narysowany.<\/p>\n\n\n\n

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

 Zauwa\u017camy jednak, \u017ce w tym przypadku narz\u0119dzie Line<\/strong> wy\u0142\u0105czy\u0142o si\u0119 i aktywowa\u0142o si\u0119 narz\u0119dzie zaznaczania (Pointer<\/strong>).<\/p>\n\n\n\n

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

Aby narysowa\u0107 wi\u0119cej ni\u017c jedn\u0105 lini\u0119, mo\u017cemy narz\u0119dzie Line<\/strong> w\u0142\u0105czy\u0107 na sta\u0142e, klikaj\u0105c je dwukrotnie. Mo\u017cemy wtedy narysowa\u0107 wi\u0119cej odcink\u00f3w, narz\u0119dzie pozostanie aktywne a\u017c do naci\u015bni\u0119cia klawisza ESC<\/strong> lub do wybrania innego narz\u0119dzia z panelu Tools<\/strong>.<\/p>\n\n\n\n

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

Narz\u0119dzie H\/V Line<\/strong> dzia\u0142a analogicznie. R\u00f3\u017cnica polega na tym, \u017ce pozwala ono rysowa\u0107 wy\u0142\u0105cznie odcinki pionowe i poziome. Linia, kt\u00f3r\u0105 b\u0119dziemy rysowa\u0107, zostanie automatycznie wyr\u00f3wnana w jednym z tych kierunk\u00f3w.<\/p>\n\n\n\n

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

Aby zmieni\u0107 d\u0142ugo\u015b\u0107 odcinka, wystarczy go zaznaczy\u0107 i chwyci\u0107 jeden z ko\u0144c\u00f3w \u2013 przeci\u0105gni\u0119cie mysz\u0105 zmieni d\u0142ugo\u015b\u0107.<\/p>\n\n\n\n

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

Inne cechy linii mo\u017cna zmienia\u0107 dzi\u0119ki narz\u0119dziom znajduj\u0105cym si\u0119 na pasku narz\u0119dzi. Mo\u017cemy tu zmieni\u0107 kolor, gradient, wz\u00f3r czy tekstur\u0119, korzystaj\u0105c z opcji Line Color<\/strong>. Do zmiany koloru mo\u017cemy u\u017cy\u0107 narz\u0119dzia kroplomierza (pr\u00f3bnika kolor\u00f3w \u2013 Color Picker<\/strong>), aby wybra\u0107 inny kolor widoczny na ekranie.<\/p>\n\n\n\n

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

Kolejne narz\u0119dzie \u2013 Line Weight<\/strong> \u2013 na pasku pozwala nam zmieni\u0107 grubo\u015b\u0107 linii. Mo\u017cna wybra\u0107 jedn\u0105 z predefiniowanych grubo\u015bci, albo skorzysta\u0107 z opcji More Line Options\u2026<\/strong>, aby zobaczy\u0107 wi\u0119cej opcji.<\/p>\n\n\n\n

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

Po wybraniu More Line Options\u2026<\/strong> ukazuje si\u0119 nam okienko Select Line Options<\/strong>. Mo\u017cemy tu precyzyjnie okre\u015bli\u0107 grubo\u015b\u0107 linii, podaj\u0105c warto\u015b\u0107 w pikselach (pole Weight<\/strong>).<\/p>\n\n\n\n

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

Dzi\u0119ki opcjom Line Start<\/strong> oraz Line End<\/strong> mo\u017cemy dostosowa\u0107 kszta\u0142t pocz\u0105tku i ko\u0144ca odcinka \u2013 do wyboru s\u0105 r\u00f3\u017cne rodzaje strza\u0142ek, zaokr\u0105gle\u0144 itp.<\/p>\n\n\n\n

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

W przypadku niekt\u00f3rych rodzaj\u00f3w zako\u0144cze\u0144 (np. strza\u0142ki) mo\u017cemy r\u00f3wnie\u017c modyfikowa\u0107 ich wielko\u015b\u0107, korzystaj\u0105c z opcji Line Start Size<\/strong> oraz Line End Size<\/strong>.<\/p>\n\n\n\n

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

Znajduj\u0105ca si\u0119 w tym okienku opcja Preview<\/strong> pozwala nam podgl\u0105da\u0107 na \u017cywo wprowadzane zmiany. Je\u017celi jest w\u0142\u0105czona, ka\u017cda zmiana wprowadzona w tym okienku jest od razu odwzorowywana w obszarze roboczym. Jest to jednak tylko podgl\u0105d, zmiana zostanie ostatecznie wprowadzona po naci\u015bni\u0119ciu przycisku OK<\/strong>. Je\u017celi naci\u015bniemy Cancel<\/strong>, zmiany nie zostan\u0105 wprowadzone.<\/p>\n\n\n\n

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

Nast\u0119pnym narz\u0119dziem na pasku narz\u0119dziowym jest opcja zmiany rodzaju linii: Line Pattern<\/strong>. Mo\u017cemy tu wybra\u0107 jeden z kilka predefiniowanych rodzaj\u00f3w linii przerywanych i kropkowanych. Podobnie jak poprzednio, mo\u017cna tu przej\u015b\u0107 do opcji More Line Options\u2026<\/strong> aby precyzyjnie dopasowa\u0107 nasz odcinek.<\/p>\n\n\n\n

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

Na pasku znajdziemy r\u00f3wnie\u017c opcj\u0119 edytowania zako\u0144cze\u0144 linii (Line Ends<\/strong>), kt\u00f3ra \u2013 podobnie jak poprzednio \u2013 udost\u0119pnia zbi\u00f3r predefiniowanych ustawie\u0144 oraz mo\u017cliwo\u015b\u0107 przej\u015bcia do okna Select Line Options<\/strong> po wybraniu opcji More Line Options\u2026<\/strong><\/p>\n\n\n\n

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

Warto zwr\u00f3ci\u0107 r\u00f3wnie\u017c uwag\u0119 na opcj\u0119 Element Styles<\/strong>, kt\u00f3ra udost\u0119pnia szereg predefiniowanych styli dla element\u00f3w graficznych. Mo\u017cna je wybiera\u0107 z rozwijanej listy.<\/p>\n\n\n\n

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

 Po wybraniu wygl\u0105d elementu odpowiednio si\u0119 zmieni.<\/p>\n\n\n\n

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

Je\u017celi zaznaczymy element w polu roboczym, dost\u0119p do wszystkich jego w\u0142a\u015bciwo\u015bci daje nam panel Properties<\/strong>. W przypadku linii mo\u017cemy precyzyjnie ustawi\u0107 jej po\u0142o\u017cenie, d\u0142ugo\u015b\u0107 oraz k\u0105t wzgl\u0119dem obszaru roboczego (w\u0142a\u015bciwo\u015bci w grupie Apperance<\/strong>), a tak\u017ce grubo\u015b\u0107, rodzaj, kolor i zako\u0144czenia (w\u0142a\u015bciwo\u015bci w grupie Line Style<\/strong>).<\/p>\n\n\n\n

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

K\u0105t wzgl\u0119dem osi uk\u0142adu roboczego mo\u017cna r\u00f3wnie\u017c zmieni\u0107, klikaj\u0105c i przytrzymuj\u0105c klawisz myszy w tym punkcie:<\/p>\n\n\n\n

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

a nast\u0119pnie obracaj\u0105c lini\u0119. Po umieszczeniu linii pod odpowiednim k\u0105tem wystarczy zwolni\u0107 klawisz myszy. Warto tu zauwa\u017cy\u0107, \u017ce k\u0105t mo\u017cna zmienia\u0107 nie tylko dla zwyk\u0142ych odcink\u00f3w, ale r\u00f3wnie\u017c dla tych, kt\u00f3re zosta\u0142y narysowane jako poziome lub pionowe za pomoc\u0105 opcji H\/V Line<\/strong>. Z punktu widzenia symbolu graficznego oba te rodzaje linii s\u0105 bowiem takie same, a celem istnienia opcji H\/V Line<\/strong> jest wy\u0142\u0105cznie u\u0142atwienie rysowania linii, kt\u00f3re s\u0105 idealnie poziome lub pionowe.<\/p>\n\n\n\n

W kolejnym odcinku<\/a> poznamy kolejne kszta\u0142ty.<\/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