Készítsen intelligens otthonvezérlő rendszert a STONE HMI kijelzőn: 23 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-31 10:20

A projekt bemutatása

A következő oktatóanyag bemutatja, hogyan kell használni a STONE STVC050WT-01 érintőképernyős modult egy egyszerű háztartási készülék vezérlő rendszer létrehozásához.

1. lépés: STONE STVC050WT - 01 TFT LCD kijelző modul

STONE STVC050WT - 01 a támogató érintőképernyős modul 5 hüvelyk, 480 * 272 felbontás a modulon integrált kijelző és érintőképernyő -illesztőprogram szükséges chipek, a fejlesztőknek csak a STONE -ra van szükségük, a hivatalos VGUS tervezőszoftverrel kapcsolatos felhasználói felület interfésztervezésre, és Ha a programozófájlt letöltötte a STONE kijelzőmodulba, majd egy soros porton (RS232 / RS485 / TTL) keresztül, akkor összetett felhasználói felület tervezési szempontokat hajthat végre. A folyamat a következő:

2. lépés: A következő kép a STONE STVC050WT-01 kijelzőmodul néhány paraméterét mutatja:

STONE STVC050WT-01.

Ez a megjelenítő modul csak egy a sok közül ebben a termékcsaládban. Sok más megjelenítési modul is rendelkezésre áll különböző konfigurációkban. www.stoneitech.com

3. lépés: A STONE kijelzőmodul fejlesztése Három lépés

1. Megtervezte a felhasználói felületet a STONE TOOL szoftverrel, és letöltötte a tervfájlt a megjelenítő modulba.

2. Az MCU a soros porton keresztül kommunikál a STONE kijelzőmodullal.

3. Az MCU más műveleteket hajt végre a 2. lépésben kapott adatok alapján.

4. lépés: UI interfész tervezése:

Ma elkészítettünk egy egyszerű háztartási készülék vezérlést. A Photoshop segítségével az alábbi egyszerű felületet terveztem:

5. lépés: Funkció:

amikor megnyomja a fénygombot, az oldal 2 -re ugrik, három lámpa kapcsolási állapotát mutatja. A be/ki jelzőfény gomb megnyomásakor a képernyőmodul soros portja kiadja a kapcsolójel protokollt. A külső MCU soros porton keresztül tud közvetlenül adatokat küldeni a képernyő modulnak. Hagyja, hogy a képernyő közvetlenül megjelenítse a fénykapcsoló állapotát.

6. lépés: Új projekt STONE kijelzővel ：

A STONE webhelyéről letölthetjük a STONE TOOLS 2019 szoftver legújabb verzióját, amelyen keresztül megtervezhetjük a felhasználói felületet:

www.stoneitech.com/support/download/software

7. lépés: A STONE TOOL GUI tervező szoftver

A STONE TOOL egy GUI tervező szoftver, amely nem igényel telepítést. Letöltés után dekompresszióval közvetlenül megnyitható és futtatható. Meg kell jegyezni, hogy ezt a szoftvert kompatibilis módon kell futtatni Windows8 és Windows10 rendszereken

8. lépés: Kattintson a jobb gombbal a "Kép" könyvtárra, és törölje a 0-j.webp" />

Mivel az STVC050WT-01-t használom 480*272-es felbontással és 128 MB-os alapértelmezett Flash-tárhellyel (1024 MByte-ra bővíthető), a 128 Mbyte-ot választottam.

Állítsa be a projekt nevét és tárolási útvonalát, majd kattintson az "OK" gombra a befejezéshez. Kattintson a jobb gombbal a "Kép" könyvtárra, és törölje a 0-j.webp

9. lépés: A felhasználói felület képének hozzáadása a STONE TOOLS -hoz:

Kattintson a jobb egérgombbal a "kép" könyvtárra, és adja hozzá a projekthez készített két felhasználói felületet:

10. lépés: Adja hozzá a Word Stock -t a KŐ ESZKÖZÖKBEN

Kattintson a jobb egérgombbal a "Betűtípus fájl" elemre, válassza ki a megfelelő betűtípust, amelyet hozzá szeretne adni a projekthez.

Itt az ASCII 24 48 -at választottam.

11. lépés: Adjon hozzá egy gombot

Be kell állítanunk egy funkciót a "Light" gombra a STONE TOOL szoftver első felhasználói felületén:

amikor a "Light" gombra kattintunk, akkor a második oldalra ugrunk.

Hogyan kell csinálni?

Kattintson a "Gomb" ikonra a gomb területének rajzolásához:

12. lépés: A gombok tulajdonságai a STONE TOOL szoftver jobb oldalán található Tulajdonságok sávon találhatók

A sárga terület a felhasználó által rajzolt gombterületet jelöli. A gomb tulajdonságai a STONE TOOL szoftver jobb oldalán található tulajdonságok sávon találhatók:

Csak állítsa az "oldalkapcsolót" 1 -re, hogy a gomb megnyomásakor a második oldalra váltson.

13. lépés: "Konfigurációs fájl létrehozása" az "Eszközben", majd a "Virtuális soros port képernyő"

14. lépés: Akkor haladjunk előre, és változtassuk a 2. oldal bal felső sarkában lévő nyilat egy gombra:

Amikor a felhasználó megnyomja ezt a gombot, visszatér az első oldalra.

15. lépés: Szövegmegjelenítés hozzáadása ：

A szövegváltozó vezérlőjével karikázza be a fehér mezőt a "light1" után:

16. lépés: Ezután kattintson az imént hozzáadott szövegváltozóra, és a Tulajdonság interfész megjelenik a STONE TOOL szoftver jobb oldalán, főleg a következő paraméterek megváltoztatásával:

Közülük a "Változó memória -kiegészítő" kifejezés arra a memóriacímre vonatkozik, ahol a megjelenített tartalmat tárolják. Egy cím két bájtot tárolhat. Alapértelmezett megjelenítési tartalmunk "KI", ami három bájt memóriaterületet igényel. Ez azt jelenti, hogy az "OFF" -t a 0020 és 0021 címekben tároljuk.

17. lépés: Gomb visszatérési értékkel:

A fenti vezérlőelem a "Gomb". Ez a "gomb" vezérlő nem ad vissza értéket, ami azt jelenti, hogy amikor a felhasználó megnyomja a gombot, a kijelzőmodul soros portja nem küld adatokat az MCU -nak.

Ha a felhasználó megnyomta a gombot, és azt akarja, hogy a képernyőmodul visszaküldje az adatokat az MCU-hoz, akkor használhatjuk a "return press key-value" vezérlőt:

18. lépés: A tulajdonság sáv a következőképpen van beállítva:

19. lépés: Töltse le a felhasználói felület tervezőfájlját a kijelzőmodulhoz

1. Csatlakoztassa az USB flash meghajtót a számítógéphez

2. Kattintson a Letöltés u-lemezre gombra a KŐSZERSZÁM dobozon3. Húzza ki az USB flash lemezt

4. Helyezze be az USB -lemezt a kijelzőmodul USB -interfészébe, és várja meg a frissítés befejezését. Amikor a frissítés befejeződött, felszólító hang hallható

5. teszt

20. lépés: Soros port kommunikáció

Kulcsérték-visszatérítés

Miután letöltötte a programot a kijelzőmodulra, kapcsolja be, csatlakoztassa a számítógépet a soros porton keresztül USB-TTL-en keresztül, nyomja meg a Light1 fénygombját, és adja vissza a soros port adatait: a55a 06 83 00 26 01 00 A8

21. lépés: Nyomja meg a gombot a fény kikapcsolásához

Soros adatok visszaadása:

A5 5A 06 83 00 26 01 00 A9

A5 5A: keret fejléce 06: utasítás bájt hossza, 83 00 26 01 00 A9 összesen 6 bájt (az adatkeret fejléce nélkül)

83: olvassa el a változó memória utasításokat

00 26: változó tárolási cím

01: adatszavak hossza, 00 A9 ： 1 szó hossza (2 bájt) 00 A9: felhasználói adatok tartalma, a beállított gomboktól függően.

22. lépés: Regisztrációs adatok írása

Ez az utasítás 55 aa -t ír az 0x0020 címre az adattároló területen:

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

Mivel a Light1 szövegkijelző -tárolási címét 0x0020 -ra állítottuk, az adatok soros porton keresztüli írása egyenértékű a Light1 szövegmegjelenítő mezőjének tartalmának megváltoztatásával.

23. lépés: Olvassa el a regisztrációs adatokat

A soros port a következő parancsot küldi a kijelző modulnak:

0xA5 0x5A 0x03 0x83 0x00 0x20 A 0x0020 olvasási értéket jelöli, és a változtatási projektben az olvasólámpa kapcsolási állapotát jelenti.