Innholdsfortegnelse:

Lag et Smart Home Control System på STONE HMI Disp: 23 trinn
Lag et Smart Home Control System på STONE HMI Disp: 23 trinn

Video: Lag et Smart Home Control System på STONE HMI Disp: 23 trinn

Video: Lag et Smart Home Control System på STONE HMI Disp: 23 trinn
Video: Как построить панель управления умным домом, Stoneitech 2024, Juli
Anonim
Lag et Smart Home Control System på STONE HMI Disp
Lag et Smart Home Control System på STONE HMI Disp

Prosjektinnføring

Følgende opplæring viser deg hvordan du bruker berøringsskjermmodulen STONE STVC050WT-01 til å lage et enkelt kontrollsystem for husholdningsapparater.

Trinn 1: STONE STVC050WT - 01 TFT LCD -skjermmodul

STONE STVC050WT - 01 TFT LCD -skjermmodul
STONE STVC050WT - 01 TFT LCD -skjermmodul

STONE STVC050WT - 01 støtte berøringsskjermmodulen er 5 tommer, 480 * 272 oppløsning på modulen har blitt integrert skjerm og berøringsskjermdriver nødvendig sjetonger, utviklere trenger bare på STONE, den offisielle VGUS designprogramvaren relatert UI grensesnittdesign og generere en programmeringsfil lastet ned til STONE -skjermmodulen, og deretter via en seriell port (RS232 / RS485 / TTL) korresponderer med den, kan du utføre komplekse UI -designaspekter. Prosessen er som følger:

Trinn 2: Følgende bilde viser noen parametere for skjermmodulen STONE STVC050WT-01:

Følgende bilde viser noen parametere for skjermmodulen STONE STVC050WT-01
Følgende bilde viser noen parametere for skjermmodulen STONE STVC050WT-01

STONE STVC050WT-01:

Denne displaymodulen er bare en av mange i denne produktserien. Det er mange andre skjermmoduler tilgjengelig i forskjellige konfigurasjoner. www.stoneitech.com

Trinn 3: Utvikling av STONE -skjermmodul Tre trinn

1. Designet brukergrensesnittet med STONE TOOL -programvare og lastet ned designfilen til skjermmodulen.

2. MCU kommuniserer med STONE -skjermmodulen gjennom serieporten.

3. MCU utfører andre handlinger basert på dataene innhentet i trinn 2.

Trinn 4: UI -grensesnittdesign:

UI -grensesnittdesign
UI -grensesnittdesign

I dag har vi laget en enkel husholdningsapparatkontroll. Gjennom Photoshop designet jeg følgende enkle grensesnitt:

Trinn 5: Funksjon:

Funksjon
Funksjon

Når du trykker på lysknappen, hopper siden til 2, og viser bryterstatusen til tre lys. Når du trykker på på/av -lampeknappen, utsteder den serielle porten på skjermmodulen switch -signalprotokollen. Den eksterne MCU kan sende data direkte til skjermmodulen via en seriell port. La skjermen vise lysbryteren direkte.

Trinn 6: Nytt prosjekt med STONE Display:

På STONEs nettsted kan vi laste ned den nyeste versjonen av STONE TOOLS 2019 -programvaren, der vi kan designe brukergrensesnittet:

www.stoneitech.com/support/download/software

Trinn 7: STONE TOOL er en GUI -designprogramvare

STONE TOOL Er en GUI -designprogramvare
STONE TOOL Er en GUI -designprogramvare

STONE TOOL er en GUI -designprogramvare som ikke krever installasjon. Etter nedlasting kan den åpnes og kjøres direkte ved dekomprimering. Det bør bemerkes at denne programvaren må kjøres på en kompatibel måte på Windows8- og Windows10 -systemer

Trinn 8: Høyreklikk på "Bilde" -katalogen og slett 0.jpg

Høyreklikk på
Høyreklikk på

Siden jeg bruker STVC050WT-01 med en oppløsning på 480*272 og standard Flash-plassstørrelse på 128Mbyte (kan utvides til 1024MByte), har jeg valgt 128Mbyte.

Angi prosjektnavnet og lagringsbanen, og klikk "OK" for å fullføre. Høyreklikk på "Bilde" -katalogen og slett 0.jpg:

Trinn 9: Legg til brukergrensesnitt i STONE TOOLS:

Legg til brukergrensesnitt i STONE TOOLS
Legg til brukergrensesnitt i STONE TOOLS
Legg til brukergrensesnitt i STONE TOOLS
Legg til brukergrensesnitt i STONE TOOLS
Legg til brukergrensesnitt i STONE TOOLS
Legg til brukergrensesnitt i STONE TOOLS

Høyreklikk på "bilde" -katalogen og legg til de to UI-ikonene vi har forberedt til prosjektet:

Trinn 10: Legg til Word Stock i STONE TOOLS

Legg til Word Stock i STONE TOOLS
Legg til Word Stock i STONE TOOLS

Høyreklikk på "Font -fil", velg den riktige skrifttypen du vil legge til i prosjektet.

Her valgte jeg ASCII 24 med 48.

Trinn 11: Legg til en knapp

Legg til en knapp
Legg til en knapp

Vi må sette en funksjon på "Lys" -knappen i det første brukergrensesnittet på programvaren STONE TOOL:

Når vi klikker på "Lys" -knappen, hopper vi til den andre siden.

Hvordan gjøre det?

Klikk på "Knapp" -ikonet for å tegne området på knappen:

Trinn 12: Knappegenskaper vises i egenskapsfeltet til høyre for programvaren STONE TOOL

Knappegenskaper er oppført i egenskapsfeltet til høyre for programvaren STONE TOOL
Knappegenskaper er oppført i egenskapsfeltet til høyre for programvaren STONE TOOL

Det gule området representerer knappområdet som brukeren har tegnet. Knappegenskaper er oppført i egenskapsfeltet til høyre for programvaren STONE TOOL:

Bare sett alternativet "sideswitch" til 1 for å bytte til den andre siden når du trykker på knappen.

Trinn 13: "Generering av konfigurasjonsfil" i "Tool" og deretter "Virtual Serial Port Screen"

Bilde
Bilde

Trinn 14: Så går vi fremover og endrer pilen i hjørnet øverst til venstre på side 2 til en knapp:

Deretter går vi fremover og endrer pilen i hjørnet øverst til venstre på side 2 til en knapp
Deretter går vi fremover og endrer pilen i hjørnet øverst til venstre på side 2 til en knapp

Når brukeren trykker på denne knappen, går den tilbake til den første siden.

Trinn 15: Legg til tekstvisning :

Legg til tekstvisning
Legg til tekstvisning
Legg til tekstvisning
Legg til tekstvisning

Bruk tekstvariabelkontrollen til å sirkle det hvite mellomrommet etter "light1":

Trinn 16: Klikk deretter på tekstvariabelen som nettopp er lagt til, og eiendomsgrensesnittet vil vises til høyre for STONE TOOL -programvaren, hovedsakelig ved å endre følgende parametere:

Klikk deretter på tekstvariabelen som nettopp er lagt til, og eiendomsgrensesnittet vises på høyre side av STONE TOOL -programvaren, hovedsakelig ved å endre følgende parametere
Klikk deretter på tekstvariabelen som nettopp er lagt til, og eiendomsgrensesnittet vises på høyre side av STONE TOOL -programvaren, hovedsakelig ved å endre følgende parametere

Blant dem refererer "Variable memory addree" til minneadressen der det viste innholdet er lagret. En adresse kan lagre to byte. Standardinnholdet i displayet er "AV", noe som krever tre byte minne. Dette betyr at vi lagrer "AV" i adresse 0020 og 0021.

Trinn 17: En knapp med en returverdi:

En knapp med returverdi
En knapp med returverdi

Kontrollen vi brukte ovenfor er "Button". Denne "Button" -kontrollen returnerer ikke en verdi, noe som betyr at når brukeren trykker på knappen, sender ikke serieporten til displaymodulen data til MCU.

Hvis brukeren trykket på knappen og vil at skjermmodulen skal returnere data til MCU, kan vi bruke kontrollen "returner tastet verdi":

Trinn 18: Eiendomslinjen er som følger:

Eiendomslinjen er som følger
Eiendomslinjen er som følger

Trinn 19: Last ned UI -designfilen til skjermmodulen:

Last ned UI -designfilen til skjermmodulen
Last ned UI -designfilen til skjermmodulen

1. Koble USB -flash -stasjonen til datamaskinen

2. Klikk på Last ned til u-disk-knappen på STONE TOOL-boksen3. Trekk ut USB -flash -disken

4. Sett inn USB -disken i USB -grensesnittet på skjermmodulen og vent på at oppgraderingen er fullført. Når oppgraderingen er fullført, kommer det en rask lyd

5. test

Trinn 20: En seriell portkommunikasjon

En seriell portkommunikasjon
En seriell portkommunikasjon

Avkastning av nøkkelverdi

Etter at du har lastet ned programmet til skjermmodulen, slår du det på, kobler datamaskinen til via serieporten via USB-TTL, trykker på lysknappen på Light1 og returnerer dataene for den serielle porten: a55a 06 83 00 26 01 00 A8

Trinn 21: Trykk på knappen for å slå av lyset

Trykk på knappen for å slå av lyset
Trykk på knappen for å slå av lyset

Seriell data retur:

A5 5A 06 83 00 26 01 00 A9

A5 5A: frame header06: instruksjon byte lengde, 83 00 26 01 00 A9 totalt 6 byte (eksklusiv datarammeoverskrift)

83: les variabel minneinstruksjon

00 26: variabel lagringsadresse

01: dataordlengde, 00 A9: 1-ords lengde (2 Byte) 00 A9: innhold av brukerdata, avhengig av tastene som er angitt.

Trinn 22: Skriv registerdata

Denne instruksjonen skriver 55 aa til adressen 0x0020 i datalagringsområdet:

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

Siden vi har angitt Light1s tekstdisplaylagringsadresse til 0x0020, er det å skrive data til denne adressen ved hjelp av en seriell port tilsvarende å endre innholdet i Light1s tekstdisplayboks.

Trinn 23: Les Registerdata

Den serielle porten sender følgende kommando til skjermmodulen:

0xA5 0x5A 0x03 0x83 0x00 0x20 Representerer verdien for avlesning 0x0020, og representerer i endringsprosjektet brytertilstanden til leselampen.

Anbefalt: