Spisu treści:

Stwórz inteligentny system sterowania domem na STONE HMI Disp: 23 kroki
Stwórz inteligentny system sterowania domem na STONE HMI Disp: 23 kroki

Wideo: Stwórz inteligentny system sterowania domem na STONE HMI Disp: 23 kroki

Wideo: Stwórz inteligentny system sterowania domem na STONE HMI Disp: 23 kroki
Wideo: TANI i PROSTY Smart Home | Inteligentny dom - Jak? 2024, Lipiec
Anonim
Stwórz inteligentny system sterowania domem na STONE HMI Disp
Stwórz inteligentny system sterowania domem na STONE HMI Disp

Wprowadzenie do projektu

Poniższy samouczek pokazuje, jak wykorzystać moduł wyświetlacza dotykowego STONE STVC050WT-01 do stworzenia prostego systemu sterowania urządzeniami gospodarstwa domowego.

Krok 1: STONE STVC050WT-01 moduł wyświetlacza TFT LCD

STONE STVC050WT-01 moduł wyświetlacza TFT LCD
STONE STVC050WT-01 moduł wyświetlacza TFT LCD

STONE STVC050WT - 01 obsługa modułu wyświetlacza dotykowego ma 5 cali, rozdzielczość 480 * 272 na module został zintegrowany wyświetlacz i sterownik ekranu dotykowego potrzebne chipy, programiści potrzebują tylko STONE, oficjalnego oprogramowania do projektowania VGUS związanego z projektowaniem interfejsu użytkownika i generowania Programowanie pliku pobranego do modułu wyświetlacza STONE, a następnie poprzez port szeregowy (RS232/RS485/TTL) koresponduje z nim, można wykonywać złożone aspekty projektowania UI. Proces wygląda następująco:

Krok 2: Poniższy obraz pokazuje niektóre parametry modułu wyświetlacza STONE STVC050WT-01:

Poniższy obraz pokazuje niektóre parametry modułu wyświetlacza STONE STVC050WT-01
Poniższy obraz pokazuje niektóre parametry modułu wyświetlacza STONE STVC050WT-01

KAMIEŃ STVC050WT-01:

Ten moduł wyświetlacza to tylko jeden z wielu w tej linii produktów. Istnieje wiele innych modułów wyświetlacza dostępnych w różnych konfiguracjach. www.stoneitech.com

Krok 3: Opracowanie modułu wyświetlacza STONE Trzy kroki

1. Zaprojektowano interfejs użytkownika za pomocą oprogramowania STONE TOOL i pobrano plik projektu do modułu wyświetlacza.

2. MCU komunikuje się z modułem wyświetlacza STONE przez port szeregowy.

3. MCU wykonuje inne czynności na podstawie danych uzyskanych w kroku 2.

Krok 4: Projekt interfejsu użytkownika:

Projekt interfejsu użytkownika
Projekt interfejsu użytkownika

Dzisiaj wykonaliśmy proste sterowanie sprzętem AGD. W Photoshopie zaprojektowałem następujący prosty interfejs:

Krok 5: Funkcja:

Funkcjonować
Funkcjonować

po naciśnięciu przycisku światła strona przeskakuje do 2, pokazując stan przełącznika trzech świateł. Po naciśnięciu przycisku włączania/wyłączania światła port szeregowy modułu ekranu wysyła protokół sygnału przełącznika. Zewnętrzny MCU może wysyłać dane bezpośrednio do modułu ekranu przez port szeregowy. Niech ekran wyświetla bezpośrednio stan włącznika światła.

Krok 6: Nowy projekt z wyświetlaczem STONE:

Na stronie STONE możemy pobrać najnowszą wersję oprogramowania STONE TOOLS 2019, za pomocą którego możemy zaprojektować UI:

www.stoneitech.com/support/download/software

Krok 7: STONE TOOL to oprogramowanie do projektowania GUI

STONE TOOL to oprogramowanie do projektowania GUI
STONE TOOL to oprogramowanie do projektowania GUI

STONE TOOL to oprogramowanie do projektowania GUI, które nie wymaga instalacji. Po pobraniu można go bezpośrednio otworzyć i uruchomić przez dekompresję. Należy zauważyć, że to oprogramowanie musi być uruchamiane w sposób zgodny na systemach Windows8 i Windows10

Krok 8: Kliknij prawym przyciskiem myszy katalog „Obraz” i usuń 0.jpg

Kliknij prawym przyciskiem myszy
Kliknij prawym przyciskiem myszy

Ponieważ używam STVC050WT-01 z rozdzielczością 480*272 i domyślnym rozmiarem przestrzeni Flash 128 MB (z możliwością rozszerzenia do 1024 MB), wybrałem 128 MB.

Ustaw nazwę projektu i ścieżkę przechowywania, a następnie kliknij „OK”, aby zakończyć. Kliknij prawym przyciskiem myszy katalog "Obraz" i usuń 0.jpg:

Krok 9: Dodaj obraz interfejsu użytkownika w STONE TOOLS:

Dodaj obraz interfejsu użytkownika w NARZĘDZIACH KAMIENNYCH
Dodaj obraz interfejsu użytkownika w NARZĘDZIACH KAMIENNYCH
Dodaj obraz interfejsu użytkownika w NARZĘDZIACH KAMIENNYCH
Dodaj obraz interfejsu użytkownika w NARZĘDZIACH KAMIENNYCH
Dodaj obraz interfejsu użytkownika w NARZĘDZIACH KAMIENNYCH
Dodaj obraz interfejsu użytkownika w NARZĘDZIACH KAMIENNYCH

Kliknij prawym przyciskiem myszy katalog "obraz" i dodaj dwie przygotowane przez nas IKONY UI do projektu:

Krok 10: Dodaj słowo Stock w STONE TOOLS

Dodaj słowo Stock w STONE TOOLS
Dodaj słowo Stock w STONE TOOLS

Kliknij prawym przyciskiem myszy „Plik czcionki”, wybierz odpowiednią czcionkę, którą chcesz dodać do projektu.

Tutaj wybrałem ASCII 24 na 48.

Krok 11: Dodaj przycisk

Dodaj przycisk
Dodaj przycisk

Musimy ustawić funkcję na przycisku "Światło" w pierwszym interfejsie użytkownika w oprogramowaniu STONE TOOL:

gdy klikniemy przycisk „Światło”, przejdziemy do drugiej strony.

Jak to zrobić?

Kliknij ikonę „Przycisk”, aby narysować obszar Przycisku:

Krok 12: Właściwości przycisków są wymienione na pasku właściwości po prawej stronie oprogramowania STONE TOOL

Właściwości przycisków są wymienione na pasku właściwości po prawej stronie oprogramowania STONE TOOL
Właściwości przycisków są wymienione na pasku właściwości po prawej stronie oprogramowania STONE TOOL

Żółty obszar reprezentuje obszar przycisku narysowany przez użytkownika. Właściwości przycisków są wymienione na pasku właściwości po prawej stronie oprogramowania STONE TOOL:

Wystarczy ustawić opcję „pageswitch” na 1, aby przełączyć się na drugą stronę po naciśnięciu przycisku.

Krok 13: „Generowanie pliku konfiguracyjnego” w „Narzędzie”, a następnie „Ekran wirtualnego portu szeregowego”

Obraz
Obraz

Krok 14: Następnie idziemy dalej i zmieniamy strzałkę w lewym górnym rogu strony 2 na przycisk:

Następnie idziemy dalej i zmieniamy strzałkę w lewym górnym rogu strony 2 na przycisk
Następnie idziemy dalej i zmieniamy strzałkę w lewym górnym rogu strony 2 na przycisk

Gdy użytkownik naciśnie ten przycisk, powraca do pierwszej strony.

Krok 15: Dodaj wyświetlacz tekstowy:

Dodaj wyświetlanie tekstu
Dodaj wyświetlanie tekstu
Dodaj wyświetlanie tekstu
Dodaj wyświetlanie tekstu

Używając kontrolki zmiennej Text, zakreśl białą spację po „light1”:

Krok 16: Następnie kliknij właśnie dodaną zmienną tekstową, a interfejs właściwości pojawi się po prawej stronie oprogramowania STONE TOOL, głównie zmieniając następujące parametry:

Następnie kliknij właśnie dodaną zmienną tekstową, a interfejs właściwości pojawi się po prawej stronie oprogramowania STONE TOOL, głównie zmieniając następujące parametry
Następnie kliknij właśnie dodaną zmienną tekstową, a interfejs właściwości pojawi się po prawej stronie oprogramowania STONE TOOL, głównie zmieniając następujące parametry

Wśród nich „Adres pamięci zmiennej” odnosi się do adresu pamięci, w którym przechowywana jest wyświetlana treść. Jeden adres może przechowywać dwa bajty. Nasza domyślna zawartość wyświetlacza to "OFF", co wymaga trzech bajtów pamięci. Oznacza to, że przechowujemy „OFF” pod adresami 0020 i 0021.

Krok 17: Przycisk z wartością zwrotu:

Przycisk z wartością zwrotu
Przycisk z wartością zwrotu

Kontrolka, której użyliśmy powyżej, to „Przycisk”. Ta kontrolka „Przycisk” nie zwraca wartości, co oznacza, że gdy użytkownik naciśnie przycisk, port szeregowy modułu wyświetlacza nie wysyła danych do MCU.

Jeśli użytkownik nacisnął przycisk i chce, aby moduł ekranu zwrócił dane do MCU, możemy użyć kontrolki „zwróć wciśnięty klucz-wartość”:

Krok 18: Pasek właściwości jest ustawiony w następujący sposób:

Pasek właściwości jest ustawiony w następujący sposób
Pasek właściwości jest ustawiony w następujący sposób

Krok 19: Pobierz plik projektu interfejsu użytkownika do modułu wyświetlania:

Pobierz plik projektu interfejsu użytkownika do modułu wyświetlania
Pobierz plik projektu interfejsu użytkownika do modułu wyświetlania

1. Podłącz dysk flash USB do komputera

2. Kliknij przycisk Pobierz na dysk u w oknie STONE TOOL3. Wyciągnij dysk flash USB

4. Włóż dysk USB do interfejsu USB modułu wyświetlacza i poczekaj na zakończenie aktualizacji. Po zakończeniu aktualizacji pojawi się szybki dźwięk

5. test

Krok 20: Komunikacja portu szeregowego

Komunikacja portu szeregowego
Komunikacja portu szeregowego

Zwrot pary klucz-wartość

Po wgraniu programu do modułu wyświetlacza włącz go, podłącz komputer przez port szeregowy przez USB-TTL, wciśnij przycisk świetlny Light1 i zwróć dane portu szeregowego: a55a 06 83 00 26 01 00 A8

Krok 21: Naciśnij przycisk, aby wyłączyć światło

Naciśnij przycisk, aby wyłączyć światło
Naciśnij przycisk, aby wyłączyć światło

Zwrot danych seryjnych:

A5 5A 06 83 00 26 01 00 A9

A5 5A: nagłówek ramki06: długość bajtu instrukcji, 83 00 26 01 00 A9 łącznie 6 bajtów (bez nagłówka ramki danych)

83: odczytaj instrukcję pamięci zmiennej

00 26: zmienny adres pamięci

01: długość słowa danych, 00 A9: długość 1 słowa (2 bajty) 00 A9: zawartość danych użytkownika, w zależności od zestawu kluczy.

Krok 22: Zapisz dane rejestru

Ta instrukcja zapisuje 55 aa pod adresem 0x0020 w obszarze przechowywania danych:

0xA5 0x5A 0x05 0x82 0x00 0x20 0x55 0xaa

Ponieważ ustawiliśmy adres przechowywania wyświetlacza tekstowego Light1 na 0x0020, zapisanie danych pod tym adresem za pomocą portu szeregowego jest równoważne zmianie zawartości pola wyświetlania tekstu Light1.

Krok 23: Odczytaj dane rejestru

Port szeregowy wysyła do modułu wyświetlacza następujące polecenie:

0xA5 0x5A 0x03 0x83 0x00 0x20 Reprezentuje wartość odczytu 0x0020, aw projekcie zmiany reprezentuje stan przełączenia lampki do odczytu.

Zalecana: