Innehållsförteckning:

Gör ett smart hemkontrollsystem på STONE HMI Disp: 23 steg
Gör ett smart hemkontrollsystem på STONE HMI Disp: 23 steg

Video: Gör ett smart hemkontrollsystem på STONE HMI Disp: 23 steg

Video: Gör ett smart hemkontrollsystem på STONE HMI Disp: 23 steg
Video: Моя работа наблюдать за лесом и здесь происходит что-то странное 2024, Juli
Anonim
Gör ett Smart Home Control System på STONE HMI Disp
Gör ett Smart Home Control System på STONE HMI Disp

Projektintroduktion

Följande handledning visar hur du använder STONE STVC050WT-01 pekskärmsmodul för att skapa ett enkelt styrsystem för hushållsapparater.

Steg 1: STONE STVC050WT - 01 TFT LCD -displaymodul

STONE STVC050WT - 01 TFT LCD -displaymodul
STONE STVC050WT - 01 TFT LCD -displaymodul

STONE STVC050WT - 01 stöd pekskärmsmodulen är 5 tum, 480 * 272 upplösning på modulen har integrerats med display och pekskärmsdrivrutin behövs chips, utvecklare behöver bara på STONE, den officiella VGUS designprogramvarorelaterade UI -gränssnittsdesignen och generera en programmeringsfil som laddats ner till STONE -displaymodulen och sedan via en seriell port (RS232 / RS485 / TTL) motsvarar den kan du utföra komplexa UI -designaspekter. Processen är följande:

Steg 2: Följande bild visar några parametrar för bildskärmsmodulen STONE STVC050WT-01:

Följande bild visar några parametrar för skärmmodulen STONE STVC050WT-01
Följande bild visar några parametrar för skärmmodulen STONE STVC050WT-01

STONE STVC050WT-01:

Denna displaymodul är bara en av många i denna produktserie. Det finns många andra displaymoduler tillgängliga i olika konfigurationer. www.stoneitech.com

Steg 3: STONE Display Module Development Tre steg

1. Utformade UI med programvaran STONE TOOL och laddade ner designfilen till displaymodulen.

2. MCU kommunicerar med STONE -displaymodulen via serieporten.

3. MCU utför andra åtgärder baserat på data som erhållits i steg 2.

Steg 4: UI -gränssnittsdesign:

UI -gränssnittsdesign
UI -gränssnittsdesign

Idag gjorde vi en enkel kontroll av hushållsapparater. Genom Photoshop designade jag följande enkla gränssnitt:

Steg 5: Funktion:

Fungera
Fungera

när ljusknappen trycks in, hoppar sidan till 2, vilket visar omkopplaren för tre lampor. När man trycker på tänd-/avstängningsknappen utfärdar skärmmodulens seriella port switch -protokollet. Den externa MCU kan skicka data direkt till skärmmodulen via en seriell port. Låt skärmen visa ljusströmställaren direkt.

Steg 6: Nytt projekt med STONE Display:

På STONE: s webbplats kan vi ladda ner den senaste versionen av programvaran STONE TOOLS 2019, genom vilken vi kan designa UI:

www.stoneitech.com/support/download/software

Steg 7: STONE TOOL är en GUI -designprogramvara

STONE TOOL är en GUI -designprogramvara
STONE TOOL är en GUI -designprogramvara

STONE TOOL är ett GUI -designprogram som inte kräver någon installation. Efter nedladdning kan den öppnas och köras direkt genom dekomprimering. Det bör noteras att denna programvara måste köras på ett kompatibelt sätt på Windows8- och Windows10 -system

Steg 8: Högerklicka på "Bild" -katalogen och ta bort 0.jpg

Högerklicka på
Högerklicka på

Eftersom jag använder STVC050WT-01 med en upplösning på 480*272 och standardstorleken för Flash-utrymme på 128Mbyte (utbyggbar till 1024MByte) har jag valt 128Mbyte.

Ange projektnamn och lagringsväg och klicka på "OK" för att slutföra. Högerklicka på "Bild" -katalogen och ta bort 0.jpg:

Steg 9: Lägg till UI -bild i STONE TOOLS:

Lägg till UI -bild i STONE TOOLS
Lägg till UI -bild i STONE TOOLS
Lägg till UI -bild i STONE TOOLS
Lägg till UI -bild i STONE TOOLS
Lägg till UI -bild i STONE TOOLS
Lägg till UI -bild i STONE TOOLS

Högerklicka på "bild" -katalogen och lägg till de två UI-ikonerna som vi har förberett till projektet:

Steg 10: Lägg till Word Stock i STONE TOOLS

Lägg till Word Stock i STONE TOOLS
Lägg till Word Stock i STONE TOOLS

Högerklicka på "Teckensnittsfil", välj lämpligt teckensnitt som du vill lägga till i projektet.

Här valde jag ASCII 24 med 48.

Steg 11: Lägg till en knapp

Lägg till en knapp
Lägg till en knapp

Vi måste ställa in en funktion på "Light" -knappen i det första användargränssnittet på programvaran STONE TOOL:

när vi klickar på "Light" -knappen hoppar vi till den andra sidan.

Hur man gör det?

Klicka på knappen "Knapp" för att rita området i knappen:

Steg 12: Knappegenskaper visas i egenskapsfältet till höger om STONE TOOL -programvaran

Knappegenskaper visas i egenskapsfältet till höger om programvaran STONE TOOL
Knappegenskaper visas i egenskapsfältet till höger om programvaran STONE TOOL

Det gula området representerar knappområdet som användaren har ritat. Knappegenskaper listas i egenskapsfältet till höger om programvaran STONE TOOL:

Ställ in alternativet "Pageswitch" till 1 för att växla till den andra sidan när du trycker på knappen.

Steg 13: "Generera konfigurationsfil" i "Tool" och sedan "Virtual Serial Port Screen"

Bild
Bild

Steg 14: Sedan går vi framåt och ändrar pilen i det övre vänstra hörnet på sidan 2 till en knapp:

Sedan går vi framåt och ändrar pilen i det övre vänstra hörnet på sidan 2 till en knapp
Sedan går vi framåt och ändrar pilen i det övre vänstra hörnet på sidan 2 till en knapp

När användaren trycker på den här knappen återgår den till den första sidan.

Steg 15: Lägg till textvisning:

Lägg till textvisning
Lägg till textvisning
Lägg till textvisning
Lägg till textvisning

Med textvariabelkontrollen, cirkla det vita utrymmet efter "light1":

Steg 16: Klicka sedan på den textvariabel som just lagts till, och fastighetsgränssnittet kommer att visas till höger om STONE TOOL -programvaran, huvudsakligen ändra följande parametrar:

Klicka sedan på den textvariabel som just lagts till, så visas fastighetsgränssnittet till höger om STONE TOOL -programvaran, huvudsakligen genom att ändra följande parametrar
Klicka sedan på den textvariabel som just lagts till, så visas fastighetsgränssnittet till höger om STONE TOOL -programvaran, huvudsakligen genom att ändra följande parametrar

Bland dem hänvisar "Variable memory addree" till minnesadressen där det visade innehållet är lagrat. En adress kan lagra två byte. Vårt standardinnehåll är "AV", vilket kräver tre byte minne. Det betyder att vi lagrar "AV" i adress 0020 och 0021.

Steg 17: En knapp med ett returvärde:

En knapp med ett returvärde
En knapp med ett returvärde

Kontrollen som vi använde ovan är "Button". Denna "knapp" -kontroll returnerar inte ett värde, vilket innebär att när användaren trycker på knappen, skickar bildskärmsmodulens seriella port inte data till MCU.

Om användaren tryckte på knappen och vill att skärmmodulen ska returnera data till MCU: n kan vi använda kontrollen "returtryckt knapp-värde":

Steg 18: Fastighetsfältet är enligt följande:

Fastighetsfältet är enligt följande
Fastighetsfältet är enligt följande

Steg 19: Ladda ner UI -designfilen till displaymodulen:

Ladda ner UI -designfilen till displaymodulen
Ladda ner UI -designfilen till displaymodulen

1. Anslut USB -flashenheten till datorn

2. Klicka på knappen Ladda ner till u-disk i rutan STONE TOOL3. Dra ut USB -flashenheten

4. Sätt i USB -skivan i bildskärmsmodulens USB -gränssnitt och vänta på att uppgraderingen är klar. När uppgraderingen är klar hörs ett snabbt ljud

5. test

Steg 20: En seriell portkommunikation

En seriell portkommunikation
En seriell portkommunikation

Nyckelvärdesavkastning

Efter att du har laddat ner programmet till bildskärmsmodulen, slå på det, anslut datorn via serieporten via USB-TTL, tryck på ljusknappen på Light1 och returnera seriell portdata: a55a 06 83 00 26 01 00 A8

Steg 21: Tryck på knappen för att stänga av lampan

Tryck på knappen för att stänga av lampan
Tryck på knappen för att stänga av lampan

Retur av seriell data:

A5 5A 06 83 00 26 01 00 A9

A5 5A: ramrubrik06: instruktionsbyteslängd, 83 00 26 01 00 A9 totalt 6 byte (exklusive dataramrubrik)

83: läs variabelminneinstruktion

00 26: variabel lagringsadress

01: dataordslängd, 00 A9: 1-ordslängd (2 Byte) 00 A9: användardatainnehåll, beroende på vilka knappar som ställts in.

Steg 22: Skriv registerdata

Denna instruktion skriver 55 aa till adressen 0x0020 i datalagringsområdet:

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

Eftersom vi har ställt in Light1: s textdisplaylagringsadress till 0x0020 är skrivande av data till den här adressen med en serieport motsvarande att ändra innehållet i Light1: s textdisplay.

Steg 23: Läs Registerdata

Seriell port skickar följande kommando till bildskärmsmodulen:

0xA5 0x5A 0x03 0x83 0x00 0x20 Representerar värdet för avläsning 0x0020, och i förändringsprojektet representerar läslampans omkopplare.

Rekommenderad: