Taula de continguts:

Feu un sistema de control de casa intel·ligent a STONE HMI Disp: 23 passos
Feu un sistema de control de casa intel·ligent a STONE HMI Disp: 23 passos

Vídeo: Feu un sistema de control de casa intel·ligent a STONE HMI Disp: 23 passos

Vídeo: Feu un sistema de control de casa intel·ligent a STONE HMI Disp: 23 passos
Vídeo: ЗАПРЕЩЁННЫЕ ТОВАРЫ с ALIEXPRESS 2023 ШТРАФ и ТЮРЬМА ЛЕГКО! 2024, Desembre
Anonim
Feu un sistema de control de casa intel·ligent a STONE HMI Disp
Feu un sistema de control de casa intel·ligent a STONE HMI Disp

Introducció del projecte

El següent tutorial us mostra com utilitzar el mòdul de visualització tàctil STONE STVC050WT-01 per fer un sistema de control d’aparells domèstics senzill.

Pas 1: mòdul de pantalla LCD STFT STVC050WT - 01 TFT

Mòdul de pantalla LCD STONE STVC050WT - 01 TFT
Mòdul de pantalla LCD STONE STVC050WT - 01 TFT

STONE STVC050WT - 01 el mòdul de visualització tàctil de suport és de 5 polzades, la resolució de 480 * 272 del mòdul ha estat integrada en pantalla i necessita controladors de pantalla tàctil, els desenvolupadors només necessiten STONE, el disseny oficial de la interfície d’interfície d’usuari relacionat amb el programari de disseny VGUS i el fitxer de programació descarregat al mòdul de visualització STONE i, a continuació, a través d’un port sèrie (RS232 / RS485 / TTL) que correspongui, podeu realitzar aspectes complexos de disseny d’interfície d’usuari. El procés és el següent:

Pas 2: La imatge següent mostra alguns paràmetres del mòdul de visualització STONE STVC050WT-01:

La següent imatge mostra alguns paràmetres del mòdul de visualització STONE STVC050WT-01
La següent imatge mostra alguns paràmetres del mòdul de visualització STONE STVC050WT-01

STONE STVC050WT-01 :

Aquest mòdul de visualització és només un dels molts d’aquesta línia de productes. Hi ha molts altres mòduls de visualització disponibles en diferents configuracions. www.stoneitech.com

Pas 3: Desenvolupament del mòdul de visualització STONE Tres passos

1. Dissenyar la interfície d’usuari amb el programari STONE TOOL i descarregar el fitxer de disseny al mòdul de visualització.

2. La MCU es comunica amb el mòdul de visualització STONE a través del port sèrie.

3. La MCU realitza altres accions basades en les dades obtingudes al pas 2.

Pas 4: disseny de la interfície d’interfície d’usuari:

Disseny de la interfície d’interfície d’usuari
Disseny de la interfície d’interfície d’usuari

Avui hem fet un senzill control d'electrodomèstics. A través de Photoshop, vaig dissenyar la següent interfície senzilla:

Pas 5: funció:

Funció
Funció

quan es prem el botó d'il·luminació, la pàgina salta a 2, mostrant l'estat de commutació de tres llums. Quan es prem el botó d'encesa / apagat, el port sèrie del mòdul de pantalla emet el protocol de senyal de commutació. La MCU externa pot enviar dades directament al mòdul de pantalla mitjançant un port sèrie. Deixeu que la pantalla mostri l'estat del commutador de llum directament.

Pas 6: nou projecte amb pantalla STONE :

Al lloc web de STONE, podem descarregar la versió més recent del programari STONE TOOLS 2019, mitjançant el qual podem dissenyar la interfície d’usuari:

www.stoneitech.com/support/download/software

Pas 7: STONE TOOL és un programari de disseny GUI

STONE TOOL és un programari de disseny GUI
STONE TOOL és un programari de disseny GUI

STONE TOOL és un programari de disseny GUI que no requereix cap instal·lació. Després de descarregar-lo, es pot obrir directament i executar-lo mitjançant descompressió. Cal tenir en compte que aquest programari s’ha d’executar de manera compatible en sistemes Windows8 i Windows10

Pas 8: Feu clic amb el botó dret al directori "Imatge" i suprimiu 0.jpg

Feu clic amb el botó dret al botó
Feu clic amb el botó dret al botó

Com que faig servir STVC050WT-01 amb una resolució de 480 * 272 i la mida predeterminada de l’espai Flash de 128Mbyte (ampliable a 1024MBte), he triat 128Mbyte.

Establiu el nom del projecte i la ruta d'emmagatzematge i feu clic a "D'acord" per completar. Feu clic amb el botó dret al directori "Imatge" i suprimiu 0.jpg:

Pas 9: afegiu una imatge d'interfície d'usuari a les EINES DE PEDRA:

Afegiu una imatge d'interfície d'usuari a les EINES DE PEDRA
Afegiu una imatge d'interfície d'usuari a les EINES DE PEDRA
Afegiu una imatge de la IU a les EINES DE PEDRA
Afegiu una imatge de la IU a les EINES DE PEDRA
Afegiu una imatge d'interfície d'usuari a les EINES DE PEDRA
Afegiu una imatge d'interfície d'usuari a les EINES DE PEDRA

Feu clic amb el botó dret al directori "imatge" i afegiu les dues ICONES d'interfície d'usuari que hem preparat al projecte:

Pas 10: afegiu el Word Stock a STONE TOOLS

Afegiu el Word Stock a STONE TOOLS
Afegiu el Word Stock a STONE TOOLS

Feu clic amb el botó dret del ratolí a "Fitxer de tipus de lletra" i seleccioneu el tipus de lletra adequat per afegir al projecte.

Aquí vaig triar ASCII 24 per 48.

Pas 11: afegiu un botó

Afegiu un botó
Afegiu un botó

Hem d’establir una funció al botó “Llum” de la primera interfície d’usuari del programari STONE TOOL:

quan fem clic al botó "Llum", saltarem a la segona pàgina.

Com fer-ho?

Feu clic a la icona "Botó" per dibuixar l'àrea del botó:

Pas 12: les propietats del botó apareixen a la barra de propietats de la dreta del programari STONE TOOL

Les propietats del botó apareixen a la barra de propietats de la dreta del programari STONE TOOL
Les propietats del botó apareixen a la barra de propietats de la dreta del programari STONE TOOL

L'àrea groga representa l'àrea de botons que ha dibuixat l'usuari. Les propietats dels botons apareixen a la barra de propietats de la dreta del programari STONE TOOL:

Només cal que configureu l'opció "commutador de pàgina" a 1 per canviar a la segona pàgina quan es prem el botó.

Pas 13: "Generació de fitxers de configuració" a "Eina" i, a continuació, "Pantalla de port sèrie virtual"

Imatge
Imatge

Pas 14: a continuació, anem endavant i canviem la fletxa que hi ha a l'extrem superior esquerre de la pàgina 2 per un botó:

A continuació, anem endavant i canviem la fletxa de l'extrem superior esquerre de la pàgina 2 per un botó
A continuació, anem endavant i canviem la fletxa de l'extrem superior esquerre de la pàgina 2 per un botó

Quan l'usuari prem aquest botó, torna a la primera pàgina.

Pas 15: afegiu pantalla de text :

Afegeix pantalla de text :
Afegeix pantalla de text :
Afegeix pantalla de text :
Afegeix pantalla de text :

Amb el control de la variable Text, encercleu l'espai en blanc després de "llum1":

Pas 16: A continuació, feu clic a la variable de text acabada d'afegir i la interfície de propietat apareixerà a la dreta del programari STONE TOOL, canviant principalment els següents paràmetres:

A continuació, feu clic a la variable de text acabada d'afegir i la interfície de propietat apareixerà a la dreta del programari STONE TOOL, canviant principalment els següents paràmetres
A continuació, feu clic a la variable de text acabada d'afegir i la interfície de propietat apareixerà a la dreta del programari STONE TOOL, canviant principalment els següents paràmetres

Entre ells, "Addicional de memòria variable" fa referència a l'adreça de memòria on s'emmagatzema el contingut mostrat. Una adreça pot emmagatzemar dos bytes. El nostre contingut de visualització predeterminat és "DESACTIVAT", que requereix tres bytes d'espai de memòria. Això significa que emmagatzemem "DESACTIVAT" a l'adreça 0020 i 0021.

Pas 17: un botó amb un valor de retorn:

Un botó amb un valor de retorn
Un botó amb un valor de retorn

El control que hem utilitzat anteriorment és "Button". Aquest control "Button" no retorna cap valor, el que significa que quan l'usuari prem el botó, el port sèrie del mòdul de visualització no envia dades a l'MCU.

Si l’usuari ha premut el botó i vol que el mòdul de pantalla retorni dades a l’MCU, podem utilitzar el control de "retorn de la tecla premuda":

Pas 18: la barra de propietats es defineix com segueix:

La barra de propietats es defineix com segueix
La barra de propietats es defineix com segueix

Pas 19: baixeu el fitxer de disseny de la IU al mòdul de visualització :

Baixeu el fitxer de disseny de la IU al mòdul de visualització :
Baixeu el fitxer de disseny de la IU al mòdul de visualització :

1. Connecteu la unitat flash USB a l'ordinador

2. Feu clic al botó Baixa al disc u al quadre STONE TOOL3. Traieu el disc flash USB

4. Introduïu el disc USB a la interfície USB del mòdul de visualització i espereu que finalitzi l'actualització. Un cop finalitzada l'actualització, es produirà un so ràpid

5. prova

Pas 20: una comunicació de port sèrie

Una comunicació de port sèrie
Una comunicació de port sèrie

Retorn de valor-clau

Després de descarregar el programa al mòdul de visualització, engegueu-lo, connecteu l’ordinador a través del port sèrie mitjançant USB-TTL, premeu el botó d’il·luminació de Light1 i torneu les dades del port sèrie: a55a 06 83 00 26 01 00 A8

Pas 21: premeu el botó per apagar la llum

Premeu el botó per apagar la llum
Premeu el botó per apagar la llum

Retorn de dades en sèrie:

A5 5A 06 83 00 26 01 00 A9

A5 5A: capçalera de trama06: longitud de byte d’instrucció, 83 00 26 01 00 A9 total de 6 bytes (excloent la capçalera de trama de dades)

83: llegir instruccions de memòria variable

00 26: adreça d'emmagatzematge variable

01: longitud de la paraula de dades, 00 A9 length Longitud d'una sola paraula (2 bytes) 00 A9: contingut de dades de l'usuari, segons les tecles establertes.

Pas 22: escriviu dades de registre

Aquesta instrucció escriu 55 aa per a l'adreça 0x0020 a l'àrea d'emmagatzematge de dades:

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

Com que hem definit l’adreça d’emmagatzematge de visualització de text de Light1 a 0x0020, escriure dades en aquesta adreça mitjançant un port sèrie equival a canviar el contingut del quadre de visualització de text de Light1.

Pas 23: llegiu Registre de dades

El port sèrie envia l'ordre següent al mòdul de visualització:

0xA5 0x5A 0x03 0x83 0x00 0x20 Representa el valor de llegir 0x0020 i, en el projecte de canvi, representa l'estat de commutació de la llum de lectura.

Recomanat: