{"id":26791,"date":"2026-07-10T11:50:51","date_gmt":"2026-07-10T09:50:51","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26791"},"modified":"2026-07-31T13:28:56","modified_gmt":"2026-07-31T11:28:56","slug":"wprowadzenie-do-wlasciwosci-custom-properties-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-22","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wprowadzenie-do-wlasciwosci-custom-properties-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-22\/","title":{"rendered":"Wprowadzenie do w\u0142a\u015bciwo\u015bci Custom Properties | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 22"},"content":{"rendered":"\n
<\/div>\n\n\n\n

W tym odcinku poznamy w\u0142a\u015bciwo\u015bci Custom Properties<\/strong> i ich zastosowania.<\/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

Dla ka\u017cdego symbolu Industrial Graphics mo\u017cemy zdefiniowa\u0107 niestandardowe, indywidualne dla niego parametry, zwane Custom Properties<\/strong>. S\u0142u\u017c\u0105 one do \u0142atwego konfigurowania symbolu, r\u00f3wnie\u017c jego wygl\u0105du, a tak\u017ce sterowania jego dzia\u0142aniem (np. wy\u015bwietlanymi danymi lub animacjami). Symbole znajduj\u0105ce si\u0119 w standardowej bibliotece maj\u0105 zdefiniowane odpowiednie zestawy w\u0142a\u015bciwo\u015bci. W przypadku symboli, kt\u00f3re sami projektujemy, musimy dla nich takie w\u0142a\u015bciwo\u015bci zdefiniowa\u0107.<\/p>\n\n\n\n

Naj\u0142atwiej b\u0119dzie to zobaczy\u0107 na przyk\u0142adzie. Jeste\u015bmy w programie InTouch HMI. Umie\u015b\u0107my w oknie obiekt zegara ze standardowej biblioteki Industrial Graphics.<\/p>\n\n\n\n

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

Klikaj\u0105c dwukrotnie na zegarze otwieramy okno Edit Custom Properties<\/strong>. Widzimy w nim po lewej stronie list\u0119 wszystkich w\u0142a\u015bciwo\u015bci zdefiniowanych dla tego symbolu.<\/p>\n\n\n\n

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

Jak widzimy, s\u0105 tu cztery w\u0142a\u015bciwo\u015bci, kt\u00f3re s\u0142u\u017c\u0105 po prostu do okre\u015blania, jak\u0105 godzin\u0119 powinien wy\u015bwietla\u0107 zegar. W\u0142a\u015bciwo\u015bci Hour<\/strong>, Minute<\/strong> i Second<\/strong> s\u0105 typu liczbowego i przechowuj\u0105 odpowiednio godzin\u0119, minut\u0119 i sekund\u0119. UseSystemTime<\/strong> jest typu Boolean<\/strong> i s\u0142u\u017cy do wybrania opcji wy\u015bwietlania czasu systemowego. Typ w\u0142a\u015bciwo\u015bci poznajemy po tej ma\u0142ej ikonce z lewej strony nazwy.<\/p>\n\n\n\n

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

Przyjrzyjmy si\u0119 dok\u0142adniej, jak to dzia\u0142a. Gdy klikniemy na wybran\u0105 w\u0142a\u015bciwo\u015b\u0107, po prawej stronie zobaczymy szczeg\u00f3\u0142ow\u0105 konfiguracj\u0119. S\u0105 tu cztery pola:<\/p>\n\n\n\n

Data Type<\/strong> \u2013 okre\u015bla, jakiego typu jest ta w\u0142a\u015bciwo\u015b\u0107. W przypadku godziny jest to Integer<\/strong>, czyli liczba ca\u0142kowita.<\/p>\n\n\n\n

Default Value<\/strong> \u2013 tu znajduje si\u0119 domy\u015blna warto\u015b\u0107 tej w\u0142a\u015bciwo\u015bci, za chwil\u0119 om\u00f3wimy j\u0105 dok\u0142adniej.<\/p>\n\n\n\n

Visibility <\/strong>\u2013 okre\u015blenie, czy w\u0142a\u015bciwo\u015b\u0107 jest widoczna. Do tego te\u017c wr\u00f3cimy za chwil\u0119.<\/p>\n\n\n\n

Description<\/strong> \u2013 bardzo przydatne pole zawieraj\u0105ce opis w\u0142a\u015bciwo\u015bci. Symbole z biblioteki standardowej maj\u0105 tu wpisan\u0105 podpowied\u017a, do czego s\u0142u\u017cy i jak dzia\u0142a dana w\u0142a\u015bciwo\u015b\u0107. Gdy projektujemy w\u0142asne symbole, warto skorzysta\u0107 z tej mo\u017cliwo\u015bci i wpisa\u0107 tu kr\u00f3tk\u0105 informacj\u0119 dla innych projektant\u00f3w, kt\u00f3rzy b\u0119d\u0105 u\u017cywali naszego symbolu.<\/p>\n\n\n\n

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

Zajmijmy si\u0119 teraz kluczow\u0105 opcj\u0105, czyli Default Value<\/strong>. Okre\u015bla ona domy\u015bln\u0105 warto\u015b\u0107 dla w\u0142a\u015bciwo\u015bci. Projektant symbolu mo\u017ce okre\u015bli\u0107 konkretne domy\u015blne warto\u015bci, jakie b\u0119d\u0105 tu przypisane bezpo\u015brednio po osadzeniu symbolu. Je\u017celi jednak widzimy tu trzy my\u015blniki (—<\/strong>), oznacza to, \u017ce w\u0142a\u015bciwo\u015b\u0107 domy\u015blnie nie ma \u017cadnej warto\u015bci. Ten symbol wskazuje zatem, \u017ce po osadzeniu symbolu nale\u017cy tu wprowadzi\u0107 warto\u015b\u0107 \u2013 co za chwil\u0119 uczynimy.<\/p>\n\n\n\n

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

Default Value<\/strong> mo\u017cemy zdefiniowa\u0107 na wiele r\u00f3\u017cnych sposob\u00f3w. Mo\u017ce to by\u0107:<\/p>\n\n\n\n