{"id":26566,"date":"2026-07-30T19:32:29","date_gmt":"2026-07-30T17:32:29","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26566"},"modified":"2026-07-30T19:41:15","modified_gmt":"2026-07-30T17:41:15","slug":"teksty-i-pola-tekstowe-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-13","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/teksty-i-pola-tekstowe-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-13\/","title":{"rendered":"Teksty i pola tekstowe | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 13"},"content":{"rendered":"\n
<\/div>\n\n\n\n

Rysowali\u015bmy ju\u017c linie i kszta\u0142ty, czas doda\u0107 tekst do symbolu 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)
\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 panelu Tools<\/strong> znajdziemy dwa narz\u0119dzia, kt\u00f3re to umo\u017cliwiaj\u0105: Text<\/strong> oraz Text Box<\/strong>.<\/p>\n\n\n\n

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

Aby doda\u0107 tekst do obiektu, wybieramy narz\u0119dzie Text<\/strong>, klikamy w obszarze roboczym i piszemy.<\/p>\n\n\n\n

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

Aby napisa\u0107 wi\u0119cej linii tekstu, wystarczy nacisn\u0105\u0107 Enter<\/strong>, a zostanie utworzony nowy wiersz. Ka\u017cdy wiersz tekstu stanie si\u0119 oddzielnym elementem tekstowym. Gdy chcemy zako\u0144czy\u0107 wpisywanie, wystarczy klikn\u0105\u0107 mysz\u0105 w pustym miejscu obszaru roboczego.<\/p>\n\n\n\n

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

Narz\u0119dzie Text Box pozwala na umieszczenie w obiekcie pola tekstowego, kt\u00f3re umo\u017cliwia lepsz\u0105 kontrol\u0119 nad rozmieszczeniem tekstu.<\/p>\n\n\n\n

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

Jest to po prostu ramka, kt\u00f3ra kontroluje zawijanie i wyr\u00f3wnywanie tekstu. Mo\u017cemy j\u0105 skalowa\u0107, przez co tekst b\u0119dzie odpowiednio zawijany tak, aby wype\u0142nia\u0107 ramk\u0119.<\/p>\n\n\n\n

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

Umieszczone w obszarze roboczym elementy, zar\u00f3wno proste teksty, jak i ramki, mo\u017cna dowolnie przesuwa\u0107, a dwukrotne klikni\u0119cie umo\u017cliwia zmian\u0119 edytowanie tekstu.<\/p>\n\n\n\n

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

Ustawienia tekstu mo\u017cna r\u00f3wnie\u017c zmieni\u0107 za pomoc\u0105 panelu Properties<\/strong>, zaznaczaj\u0105c uprzednio wybrany element.<\/p>\n\n\n\n

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

Mo\u017cemy tu zmieni\u0107 tekst, modyfikuj\u0105c w\u0142a\u015bciwo\u015b\u0107 Text<\/strong>. Mo\u017cna te\u017c zmieni\u0107 po\u0142o\u017cenie tekstu, a w przypadku ramek \u2013 rozmiary i spos\u00f3b zawijania tekstu.<\/p>\n\n\n\n

Wszystkie elementy tekstowe mog\u0105 by\u0107 konfigurowane za pomoc\u0105 zbioru narz\u0119dzi umieszczonych na pasku narz\u0119dziowym.<\/p>\n\n\n\n

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

Mo\u017cemy tu po pierwsze zmieni\u0107 czcionk\u0119, korzystaj\u0105c z listy rozwijalnej. Zauwa\u017cmy, \u017ce w ten spos\u00f3b mo\u017cna zmieni\u0107 czcionk\u0119 dla wielu r\u00f3\u017cnych tekst\u00f3w jednocze\u015bnie \u2013 wystarczy je wszystkie zaznaczy\u0107.<\/p>\n\n\n\n

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

Kolejna opcja to zmiana rozmiaru czcionki \u2013 mo\u017cemy wybra\u0107 jeden z rozmiar\u00f3w z listy lub wprowadzi\u0107 liczb\u0119 r\u0119cznie.<\/p>\n\n\n\n

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

Do dyspozycji s\u0105 r\u00f3wnie\u017c dwa przyciski: Increase Font Size<\/strong> oraz Decrease Font Size<\/strong>, kt\u00f3re pozwalaj\u0105 po prostu zwi\u0119kszy\u0107 i zmniejszy\u0107 rozmiar czcionki o 1.<\/p>\n\n\n\n

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

Kolejna opcja to oczywi\u015bcie pogrubienie, kursywa i podkre\u015blenie (Bold<\/strong>, Italic<\/strong>, Underline<\/strong>) \u2013 na pasku narz\u0119dziowym znajduj\u0105 si\u0119 odpowiednie przyciski.<\/p>\n\n\n\n

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

Kolor napisu mo\u017cna zmieni\u0107, korzystaj\u0105c z opcji Text Color<\/strong>. Do dyspozycji s\u0105 tu takie same mo\u017cliwo\u015bci, jak w przypadku koloru linii, mo\u017cna np. wybra\u0107 gradient, wz\u00f3r czy tekstur\u0119, oraz skorzysta\u0107 z pr\u00f3bnika kolor\u00f3w.<\/p>\n\n\n\n

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

Dla p\u00f3l tekstowych dost\u0119pne s\u0105 tak\u017ce opcje Fill Color <\/strong>oraz Line Color<\/strong>, dzi\u0119ki kt\u00f3rym mo\u017cna okre\u015bli\u0107 kolor ramki tekstowej oraz jej wype\u0142nienia. Aby ramka by\u0142a przezroczysta (tak jak jest domy\u015blnie), nale\u017cy wybra\u0107 opcj\u0119 No Fill<\/strong>.<\/p>\n\n\n\n

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

Mo\u017cemy r\u00f3wnie\u017c kontrolowa\u0107 wyr\u00f3wnanie tekstu, s\u0142u\u017cy do tego opcja Align Text<\/strong>. Ka\u017cdy tekst mo\u017ce by\u0107 wyr\u00f3wnany do lewej, do prawej, do g\u00f3ry, do do\u0142u, do \u015brodka w pionie oraz do \u015brodka w poziomie, co \u0142\u0105cznie daje 9 mo\u017cliwych kombinacji.<\/p>\n\n\n\n

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

Pozwala to na precyzyjne rozmieszczanie tekstu w wi\u0119kszych obiektach i tym samym prawid\u0142owe wy\u015bwietlanie informacji podczas dzia\u0142ania aplikacji. Przyk\u0142adowo wyr\u00f3wnywanie tekstu zawieraj\u0105cego liczb\u0119 rzeczywist\u0105 do prawej strony sprawia, \u017ce przecinek dziesi\u0119tny znajduje si\u0119 zawsze w tym samym miejscu, co zwi\u0119ksza czytelno\u015b\u0107 wy\u015bwietlanych informacji (szczeg\u00f3lnie w przypadku np. kolumn liczb).<\/p>\n\n\n\n

Tekst mo\u017cna r\u00f3wnie\u017c obraca\u0107. Spos\u00f3b jest analogiczny, jak to by\u0142o w przypadku linii i kszta\u0142t\u00f3w.<\/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> poznamy narz\u0119dzie wy\u015bwietlania statusu jako\u015bci danych.<\/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