{"id":26801,"date":"2026-07-24T11:53:36","date_gmt":"2026-07-24T09:53:36","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26801"},"modified":"2026-07-31T14:16:22","modified_gmt":"2026-07-31T12:16:22","slug":"wprowadzenie-do-skryptow-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-25","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wprowadzenie-do-skryptow-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-25\/","title":{"rendered":"Wprowadzenie do skrypt\u00f3w | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 25"},"content":{"rendered":"\n
<\/div>\n\n\n\n

W tym odcinku poznamy podstawy skrypt\u00f3w QuickScript.NET w symbolach 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<\/a>
\n14. Wy\u015bwietlanie statusu jako\u015bci danych<\/a>
\n15. Praca z przyciskami wyboru (radio buttons)<\/a>
\n16. Praca z kontrolk\u0105 kalendarza<\/a>
\n17. Praca z kontrolk\u0105 wyboru daty i czasu<\/a>
\n
Animacje<\/h5>\n18. Wprowadzenie do animacji<\/a>
\n19. Animacja wype\u0142nienia procentowego<\/a><\/td>\n
20. Animacja wy\u015bwietlania warto\u015bci<\/a>
\n21. Animacja wprowadzania warto\u015bci<\/a>
\n
Narz\u0119dzia zaawansowane<\/h5>\n22. Wprowadzenie do w\u0142a\u015bciwo\u015bci Custom Properties<\/a>
\n23. Dodawanie w\u0142a\u015bciwo\u015bci Custom Properties<\/a>
\n24. Wprowadzenie do styl\u00f3w<\/a>
\n25. Wprowadzenie do skrypt\u00f3w<\/a>
\n26. Edytor skrypt\u00f3w Industrial Graphics<\/a>
\n27. U\u017cywanie zewn\u0119trznych bibliotek w skryptach<\/a><\/td>\n<\/tr><\/tbody><\/table>\n<\/div>\n\n\n

Aby przej\u015b\u0107 do edytora skrypt\u00f3w, klikamy prawym klawiszem myszy w obszarze roboczym edytora Industrial Graphics i wybieramy opcj\u0119 Scripts<\/strong>. Jest ona r\u00f3wnie\u017c dost\u0119pna za pomoc\u0105 klawisza F10<\/strong>.<\/p>\n\n\n\n

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

Po lewej stronie widzimy list\u0119 skrypt\u00f3w. S\u0105 to skrypty predefiniowane (Predefined Scripts<\/strong>), oraz Named Scripts<\/strong>,czyli skrypty zdefiniowane przez u\u017cytkownika. Okno domy\u015blnie otwiera si\u0119 na skryptach predefiniowanych.<\/p>\n\n\n\n

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

Widzimy predefiniowany skrypt typu On Show<\/strong>. Rodzaj skryptu jest determinowany jest przez wyzwalacz, kt\u00f3ry wybieramy w polu Trigger<\/strong>. S\u0105 trzy typy skrypt\u00f3w predefiniowanych:<\/p>\n\n\n\n

OnShow<\/strong> \u2013 uruchamia si\u0119 w momencie wy\u015bwietlenia symbolu podczas otwierania okna,<\/p>\n\n\n\n

WhileShowing<\/strong> \u2013 uruchamiany cyklicznie co okre\u015blon\u0105 liczb\u0119 milisekund w czasie wy\u015bwietlania symbolu,<\/p>\n\n\n\n

OnHide<\/strong> \u2013 uruchamiany w momencie zamykania okna z symbolem.<\/p>\n\n\n\n

Warto pami\u0119ta\u0107, \u017ce skrypty te nie s\u0105 obligatoryjne \u2013 mo\u017cemy ich u\u017cywa\u0107, ale mog\u0105 te\u017c pozosta\u0107 puste.<\/p>\n\n\n\n

Prawa cz\u0119\u015b\u0107 okna zawiera edytor. W nag\u0142\u00f3wku edytora widzimy liczb\u0119 zdefiniowanych skrypt\u00f3w, a za pomoc\u0105 strza\u0142ek mo\u017cemy prze\u0142\u0105cza\u0107 si\u0119 pomi\u0119dzy poszczeg\u00f3lnymi skryptami.<\/p>\n\n\n\n

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

Je\u017celi potrzebujemy wi\u0119cej miejsca na ekranie, by wygodnie edytowa\u0107 d\u0142u\u017csze skrypty, mo\u017cemy edytor zmaksymalizowa\u0107, a tak\u017ce ukry\u0107 lew\u0105 i g\u00f3rn\u0105 cz\u0119\u015b\u0107 okna, klikaj\u0105c w te elementy.<\/p>\n\n\n\n

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

Wiersze w skryptach s\u0105 ponumerowane. Je\u017celi przytrzymamy klawisz CTRL<\/strong>, za pomoc\u0105 k\u00f3\u0142ka myszy mo\u017cemy powi\u0119ksza\u0107 i pomniejsza\u0107 czcionk\u0119 w oknie edytora.<\/p>\n\n\n\n

Edytor obs\u0142uguje kolorowanie sk\u0142adni, wraz z zaznaczaniem b\u0142\u0119d\u00f3w. Przyk\u0142adowo u\u017cycie obiektu, kt\u00f3ry nie zosta\u0142 zdefiniowany, jest sygnalizowane przez bordowy kolor. Edytor obs\u0142uguje r\u00f3wnie\u017c autouzupe\u0142nianie i podpowiedzi kodu.<\/p>\n\n\n\n

Nazwy obiekt\u00f3w mog\u0105 zawiera\u0107 znaki Unicode, a wi\u0119c mo\u017cliwe jest np. nazywanie zmiennych korzystaj\u0105c z alfabet\u00f3w narodowych.<\/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 w tre\u015bci skryptu wy\u015bwietlamy menu kontekstowe, kt\u00f3re udost\u0119pnia funkcje schowka, mo\u017cliwo\u015b\u0107 zaznaczania ca\u0142o\u015bci skryptu (Select All<\/strong>), a tak\u017ce wyszukiwania i zamiany ci\u0105g\u00f3w znak\u00f3w.<\/p>\n\n\n\n

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

W prawym g\u00f3rnym rogu znajdziemy dwa przyciski: gumk\u0119, kt\u00f3ra czy\u015bci skrypt, a tak\u017ce przycisk walidacji, kt\u00f3ry pozwala zweryfikowa\u0107, czy skrypt nie ma b\u0142\u0119d\u00f3w.<\/p>\n\n\n\n

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

Po prawej stronie ponad tre\u015bci\u0105 skryptu znajduj\u0105 si\u0119 cztery przyciski, kt\u00f3re zapewniaj\u0105 dost\u0119p do dodatkowych funkcji.<\/p>\n\n\n\n

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

Pierwsza z nich to przegl\u0105darka funkcji Script Function Browser<\/strong>. Otwiera ona list\u0119 kategorii, z kt\u00f3rej mo\u017cna wybra\u0107 funkcje do u\u017cycia w skrypcie. Znajdziemy tu wszystkie funkcje skryptowe, jakie s\u0105 dost\u0119pne, pogrupowane w czytelnych kategoriach.<\/p>\n\n\n\n

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

Drugi przycisk otwiera przegl\u0105dark\u0119 Galaxy Browser<\/strong>, ale z widokiem ograniczonym wy\u0142\u0105cznie do biblioteki symboli Industrial Graphics. Dzi\u0119ki temu mo\u017cna \u0142atwo wybiera\u0107 nazwy symboli do wykorzystania w skrypcie.<\/p>\n\n\n\n

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

Trzeci przycisk otwiera przegl\u0105dark\u0119 Automation Object Browser<\/strong>, kt\u00f3ra umo\u017cliwia dost\u0119p do obiekt\u00f3w serwera aplikacji do u\u017cycia w skrypcie. Opcja ta jest wykorzystywana, gdy pracujemy z Platform\u0105 Systemow\u0105 AVEVA.<\/p>\n\n\n\n

Ostatni przycisk otwiera standardow\u0105 przegl\u0105dark\u0119 Galaxy Browser<\/strong>, kt\u00f3ra zapewnia dost\u0119p do element\u00f3w graficznych wchodz\u0105cych w sk\u0142ad symbolu, w\u0142a\u015bciwo\u015bci Custom Properties<\/strong> oraz zmiennych zdefiniowanych w aplikacji.<\/p>\n\n\n\n

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

Opr\u00f3cz skrypt\u00f3w predefiniowanych On Show<\/strong>, While Showing<\/strong> i On Hide <\/strong>mo\u017cemy r\u00f3wnie\u017c wykorzystywa\u0107 inne skrypty, zwane Named Scripts<\/strong>, kt\u00f3re s\u0105 uruchamiane pod innymi warunkami. S\u0105 one widoczne poni\u017cej skrypt\u00f3w predefiniowanych.<\/p>\n\n\n\n

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

Aby doda\u0107 taki skrypt, naciskamy przycisk z plusem, a nast\u0119pnie wpisujemy nazw\u0119 skryptu.<\/p>\n\n\n\n

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

W polu Trigger<\/strong> wybieramy rodzaj skryptu, a precyzyjniej \u2013 typ warunku, jaki b\u0119dzie aktywowa\u0142 ten skrypt.<\/p>\n\n\n\n

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

Jest tu pi\u0119\u0107 opcji:<\/p>\n\n\n\n

WhileTrue<\/strong> i WhileFalse<\/strong> \u2013 s\u0105 to skrypty cyklicznie uruchamiane co okre\u015blon\u0105 liczb\u0119 milisekund, w czasie kiedy warunek jest odpowiednio spe\u0142niony lub niespe\u0142niony.<\/p>\n\n\n\n

Skrypty OnTrue<\/strong> i OnFalse<\/strong> z kolei uruchamiaj\u0105 si\u0119 jednorazowo w momencie, kiedy warunek staje si\u0119 odpowiednio spe\u0142niony lub niespe\u0142niony.<\/p>\n\n\n\n

Sam warunek uruchomienia skryptu podajemy w polu Expression<\/strong>. Mo\u017ce to by\u0107 np. warunek logiczny typu<\/p>\n\n\n\n

zmienna > warto\u015b\u0107<\/em><\/strong><\/p>\n\n\n\n

Dla warunk\u00f3w WhileTrue<\/strong> i WhileFalse<\/strong> w polu Period<\/strong> okre\u015blamy, co ile milisekund b\u0119d\u0105 one wykonywane.<\/p>\n\n\n\n

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

Ostatnia opcja to skrypt typu DataChange<\/strong>. Jest on uruchamiany za ka\u017cdym razem, kiedy warto\u015b\u0107 wprowadzona w polu Expression<\/strong> zmieni si\u0119. W tym przypadku warunkiem jest zwykle po prostu zmienna albo w\u0142a\u015bciwo\u015b\u0107 Custom Property<\/strong>. Ka\u017cda zmiana jej warto\u015bci aktywuje skrypt. W tym przypadku mo\u017cemy dodatkowo okre\u015bli\u0107 Deadband<\/strong>, czyli nieczu\u0142o\u015b\u0107. Gdy to zrobimy, tylko zmiany wi\u0119ksze ni\u017c ta warto\u015b\u0107 b\u0119d\u0105 aktywowa\u0142y skrypt.<\/p>\n\n\n\n

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

Co istotne, mo\u017cemy zdefiniowa\u0107 wiele r\u00f3\u017cnych skrypt\u00f3w Named Scripts<\/strong>, z r\u00f3\u017cnymi warunkami. Nawet dla tego samego warunku mo\u017cemy zdefiniowa\u0107 oddzielne skrypty r\u00f3\u017cnych rodzaj\u00f3w (np. OnTrue<\/strong>, WhileTrue<\/strong> itp.). Co wi\u0119cej, dla tego samego warunku mo\u017cemy zdefiniowa\u0107 nawet kilka skrypt\u00f3w WhileTrue<\/strong> lub WhileFalse<\/strong>, r\u00f3\u017cni\u0105cych si\u0119 cz\u0119stotliwo\u015bci\u0105 uruchamiania (Period<\/strong>).<\/p>\n\n\n\n

W kolejnym odcinku<\/a> dowiemy si\u0119 wi\u0119cej o zmiennych i komentarzach w skryptach.<\/p>\n\n\n\n

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