Sede centrale di Smarthome con ArduiTouch Parte 5 - Nuova GUI e Variazione per ESP8266 invece di ESP32

Ora è finalmente il momento. La nostra serie presso la sede di Smarthome può continuare. Dopo che la prima versione aveva una GUI molto semplice, ho deciso di riprogrammare l'intera parte del display e esternalizzata alla mia libreria (AT_Display.h) per un uso più facile. In questo modo il codice dell'applicazione è chiaro.

La nuova interfaccia utente consente ora una completa configurabilità della visualizzazione del valore misurato. Ci sono forme di input per impostare il nome, il colore e le dimensioni dei widget. Dal momento che è stato dimostrato che il doppio clic sul touchscreen non funziona sempre e dal momento che ogni evento doppio clic attiva anche un semplice clic, ho usato il click lungo (>3s) invece per le funzioni speciali. La progettazione dei moduli e gli stili di visualizzazione possono essere chiaramente regolati tramite un file di intestazione AT_Layout.h. Altri due file di intestazione AT_LanguageGE.h e AT_LanguageEN.h contengono la definizione di tutti i testi dei messaggi e quindi consentono una regolazione della lingua. L'istruzione #include corrispondente si trova all'inizio del file di intestazione AT_Display.h .

Lo schizzo di esempio per la nuova versione è ora SmartHomeV2 o asl ulteriore innovazione per coloro che vogliono utilizzare eSP8266 lo schizzo di esempio SmartHomeV2_8266. Tuttavia, preferirei comunque utilizzare eSP32, poiché eSP8266 sta esaurendo la memoria per le variabili locali. I test hanno dimostrato che l'applicazione si blocca in determinate circostanze a causa di problemi dello stack, con conseguente riavvio da parte del watchdog.

Le librerie e gli schizzi campione possono essere ritrovati sul mio GitHub Repository. Hai bisogno delle librerie Evento touch, ATMessageBuffer E ATSmartHome.

Manuale:

Dopo l'accensione, la pagina 1 della visualizzazione del valore misurato con i widget viene visualizzata a seconda della configurazione. Cliccando sull'interruttore widget (verde nell'immagine) cambierà il suo valore e passare la modifica al dispositivo remoto. Se si fa clic su un widget per più di 3 secondi, si aprirà la pagina di configurazione del widget.

In questo modulo, possiamo impostare l'etichetta, l'aspetto e la posizione del widget. L'etichetta è il testo sopra o a sinistra della metrica. Quando si fa clic sull'area di input, viene visualizzata una tastiera su schermo ed è possibile modificare il testo. Il tasto Input in basso a destra termina l'input ed eredita il testo.

La dimensione del widget può avere quattro valori diversi.

• piccolo: linea singola con designazione a sinistra del valore
• a sinistra: due righe e metà larghezza con designazione sopra
• destra: come a sinistra ma a metà destra
• grande: a due righe con designazione sopra e carattere più grande.

Se si fa clic sull'area di immissione, verrà visualizzato un elenco delle quattro opzioni. È sufficiente fare clic su una delle opzioni per selezionarla.

È inoltre possibile impostare il colore di sfondo. Se si fa clic sul campione di colore a destra, verrà visualizzata una finestra di dialogo di selezione del colore. È possibile selezionare il colore desiderato facendo clic e completare l'input con il pulsante Finito.

Allo stesso modo è possibile impostare il colore di sfondo di un interruttore attivo e il colore del carattere. Le posizioni decimali indicano il numero di numeri dopo la virgola. Facendo clic sull'area di immissione si apre la voce numerica.

Funziona allo stesso modo della tastiera di testo.

Con la voce numerica, è anche possibile comporre la pagina su cui deve essere visualizzato il widget. Quando si utilizza ESP32, 32 pagine sono disponibili su ESP8266 per motivi di archiviazione solo 8. Tra le pagine è commutato scorrendo.

L'ultimo campo di input è per la posizione del widget sulla pagina. Per piccoli widget a una riga, è semplicemente il numero di riga che inizia da 0. Per i widget di mezza larghezza, che occupano due righe, il numero di riga inferiore si applica al widget di sinistra e quello superiore a destra. I widget di grandi dimensioni occupano due righe, quindi la seconda riga non può essere utilizzata in questo caso. Il numero di riga massimo è 7.

Con i pulsanti in basso è possibile salvare le modifiche o annullare senza salvare. Il widget può anche essere eliminato. Il pulsante Extra non ha ancora alcuna funzione. In seguito verrà utilizzato per impostare i colori dei caratteri in base al valore misurato.

Se si fa clic sulla barra blu inferiore nella pagina principale, viene visualizzato l'elenco di tutti i dispositivi.

Per ESP32 ce ne sono 32 per ESP8266 16. Le altre pagine sono raggiungibili scorrendo. Se fai clic su un dispositivo, puoi cambiarne il nome.

La modifica può anche essere salvata qui utilizzando il pulsante Salva. Facendo clic sul pulsante Dettagli viene visualizzato un elenco di tutti i canali su questo dispositivo. L'ESP32 ha un massimo di 8, l'ESP8266 un massimo di 4. I canali attivi sono evidenziati in giallo.

Se si fa clic su un canale, viene aperta la finestra di configurazione per il widget associato.

La registrazione di un nuovo dispositivo è la stessa della versione precedente. Se viene rilevato un nuovo dispositivo, il suo ID o indirizzo MAC viene visualizzato nella barra blu inferiore. Se si fa clic sulla barra blu inferiore per un lungo periodo, il dispositivo viene registrato e viene visualizzata la finestra di dialogo del nome per il nuovo dispositivo in modo da poter assegnare un nome ad esso

Divertiti con la nuova versione. I dispositivi esterni continueranno ovviamente a funzionare senza modifiche.