Codesys: Jak stworzyć wizualizację Codesys w aplikacji? – Part #4

Darmowy zarys kursu CODESYS

1. Lekcja #1: Czym jest? Dlaczego powinieneś go znać?! – PART 1
2. Lekcja #2: Jak zainstalować Codesys? – PART 2
3. Lekcja #3: Napisz swój pierwszy program w Codesys: Structured Text – Part #3
4. Lekcja #4: Jak stworzyć wizualizację Codesys w aplikacji? – Part #4
5. Lekcja #5: Wprowadzenie do zmiennych w CODESYS – Part #5
6. Lekcja #6: Struktury danych w CODESYS: Praktyczne zastosowanie tablic i struktur – Part #6
7. Lekcja #7: Zaawansowane typy danych. Wyliczenia i zmienne lokalne vs. globalne – Part #7
8. Lekcja #8: Operatory – Wprowadzenie i praktyczne zastosowania – Part #8
9. Lekcja #9: Kontrola przepływu programu: IF, CASE i pętle – Part #9

Tworzenie wizualizacji Codesys w aplikacji może wydawać się skomplikowane, ale dzięki temu przewodnikowi stanie się proste. W tym wpisie pokażemy, jak dodać menedżera wizualizacji, utworzyć ekran i połączyć zmienne z elementami interfejsu.

Dodawanie menedżera wizualizacji

1. W Drzewie projektu kliknij prawym przyciskiem myszy Applications.
2. Wybierz Dodaj obiekt.
3. Wybierz Menedżer wizualizacji.
4. W oknie menedżera wizualizacji znajdziesz różne opcje – możesz wybrać styl wizualizacji.
5. Kliknij przycisk DODAJ, aby dodać menedżera wizualizacji.

Tworzenie pierwszego ekranu

1. Wróć do Drzewa projektu i ponownie kliknij prawym przyciskiem myszy Applications.
2. Wybierz Dodaj obiekt i dodaj nową Wizualizację.
3. Nazwij ekran, np. Screen_01, i potwierdź.
4. Teraz widzisz nowo utworzony ekran.

Dodawanie elementów interfejsu użytkownika

1. Przejdź do zakładki Wizualizacja.
2. Wybierz sekcję Lampy i przełączniki.
3. Przeciągnij i upuść Dip Switch na ekran.
4. Wróć do Narzędzi Wizualizacji.
5. Wybierz Przycisk przełączający i przeciągnij go na ekran.
6. Dodaj lampę, przeciągając i upuszczając ją na ekran.

Łączenie zmiennych z elementami wizualizacji interfejsu

1. Kliknij pierwszy przycisk (Przycisk przełączający), a następnie przejdź do Właściwości.
2. W polu Zmienna kliknij dwukrotnie i wybierz trzy kropki (…).
3. Rozwiń Application, przejdź do PLC_PRG i wybierz zmienną xPB_Button1.
4. Naciśnij Enter, aby potwierdzić.
5. Powtórz ten proces dla następnego przycisku, wybierając zmienną xPB_Button2.
6. Połącz lampę z odpowiednią zmienną (xLamp) i potwierdź, naciskając Enter.

Testowanie programu w Codesys

1. Zamknij Menedżera wizualizacji.
2. Upewnij się, iż masz otwarte dwa ekrany – PLC_PRG i Screen_01.
3. Przejdź do Okno i ustaw je jako Nowa pozioma grupa kart.
4. Przejdź do Online i wybierz Pobierz program do symulacji.
5. Upewnij się, iż opcja Symulacja jest zaznaczona.
6. Kliknij Login, potwierdź klikając Tak, a następnie uruchom program.

Sprawdzanie działania przycisków i lampy

1. Włącz pierwszy przycisk – zmienna xPB_Button1 zmieni się na True.
2. Aby włączyć lampę, naciśnij kolejny przycisk – lampa powinna się zaświecić.

Wnioski

Gratulacje! Udało Ci się stworzyć prostą wizualizację Codesys i połączyć elementy interfejsu ze zmiennymi. jeżeli chcesz rozwijać swoje umiejętności programowania w automatyce, pamiętaj o podstawach zmiennych – omówimy ten temat w przyszłych postach.

Darmowy zarys kursu CODESYS

1. Lekcja #1: Czym jest? Dlaczego powinieneś go znać?! – PART 1
2. Lekcja #2: Jak zainstalować Codesys? – PART 2
3. Lekcja #3: Napisz swój pierwszy program w Codesys: Structured Text – Part #3
4. Lekcja #4: Jak stworzyć wizualizację Codesys w aplikacji? – Part #4
5. Lekcja #5: Wprowadzenie do zmiennych w CODESYS – Part #5
6. Lekcja #6: Struktury danych w CODESYS: Praktyczne zastosowanie tablic i struktur – Part #6
7. Lekcja #7: Zaawansowane typy danych. Wyliczenia i zmienne lokalne vs. globalne – Part #7
8. Lekcja #8: Operatory – Wprowadzenie i praktyczne zastosowania – Part #8
9. Lekcja #9: Kontrola przepływu programu: IF, CASE i pętle – Part #9