Smarthome Hoofdkantoor met ArduiTouch Deel 5 - Nieuwe GUI en variatie voor ESP8266 in plaats van ESP32

Nu is het eindelijk tijd. Onze serie op het hoofdkantoor van Smarthome kan worden voortgezet. Na de eerste versie had een zeer eenvoudige GUI, heb ik besloten om het hele display deel te herprogrammeren en uit te besteden aan mijn eigen bibliotheek (AT_Display.h) voor gemakkelijker gebruik. Hierdoor blijft de code van de toepassing duidelijk.

De nieuwe gebruikersinterface maakt nu een volledige configureerbaarheid van de gemeten waardeweergave mogelijk. Er zijn invoerformulieren om de naam, kleur en grootte van de widgets in te stellen. Aangezien is aangetoond dat de dubbele klik op het touchscreen niet altijd werkt en aangezien elke dubbelklikgebeurtenis ook een eenvoudige klik teweegbrengt, gebruikte ik de lange klik (>3s) in plaats daarvan voor speciale functies. Het ontwerp van de formulieren en de weergavestijlen kunnen duidelijk worden aangepast via een kopbestand AT_Layout.h. Twee andere header bestanden AT_LanguageGE.h en AT_LanguageEN.h bevatten de definitie van alle berichtteksten en dus een taalaanpassing mogelijk te maken. De bijbehorende #include verklaring is te vinden aan het begin van het kopbestand AT_Display.h .

De voorbeeldschets voor de nieuwe versie is nu SmartHomeV2 of asl verdere innovatie voor zij die ESP8266 de voorbeeldschets SmartHomeV2_8266 willen gebruiken. Ik zou echter nog steeds liever de ESP32 gebruiken, omdat de ESP8266 geen geheugen meer heeft voor lokale variabelen. Tests hebben aangetoond dat de toepassing crasht onder bepaalde omstandigheden als gevolg van stack problemen, wat resulteert in een herstart door de waakhond.

De bibliotheken en de voorbeeldschetsen zijn terug te vinden op mijn GitHub Repository. U hebt de bibliotheken nodig TouchEvent, ATMessageBuffer En ATSmartHome ATSmartHome.

Handmatig:

Na het inschakelen wordt pagina 1 van het gemeten waardescherm met widgets weergegeven, afhankelijk van de configuratie. Als u op de widgetschakelaar klikt (groen in de afbeelding) wordt de waarde ervan gewijzigd en wordt de wijziging doorgegeven aan het externe apparaat. Als u langer dan 3 seconden op een widget klikt, wordt de configuratiepagina voor die widget geopend.

In dit formulier kunnen we het label, het uiterlijk en de positie van de widget instellen. Het label is de tekst boven of links van de statistiek. Wanneer u op het invoergebied klikt, verschijnt er een schermtoetsenbord en u de tekst wijzigen. De invoersleutel rechtsonder beëindigt de invoer en erft de tekst.

De grootte van de widget kan vier verschillende waarden hebben.

• klein: enkele lijn met aanduiding links van de waarde
• links: twee-lijn en halve breedte met bovenstaande aanduiding
• rechts: zoals links maar op de rechterhelft
• groot: twee-lijn met benoeming hierboven en groter doopvont.

Als u op het invoergebied klikt, verschijnt er een lijst met de vier opties. Klik gewoon op een van de opties om het te selecteren.

De achtergrondkleur kan ook worden ingesteld. Als u op het kleurstaal aan de rechterkant klikt, wordt een dialoogvenster voor kleurselectie weergegeven. U selecteert de gewenste kleur door op de invoer te klikken en te voltooien met de knop Voltooid.

Op dezelfde manier u de achtergrondkleur van een actieve schakelaar en de lettertypekleur instellen. De decimalen geven het aantal getallen na de komma aan. Als u op het invoergebied klikt, wordt het nummeritem geopend.

Dit werkt hetzelfde als het teksttoetsenbord.

Met het nummer item, u ook de pagina waarop de widget moet worden weergegeven. Bij gebruik van de ESP32 zijn er slechts 32 pagina's beschikbaar op de ESP8266 om opslagredenen. Tussen de pagina's wordt geschakeld door te vegen.

Het laatste invoerveld is voor de positie van de widget op de pagina. Voor kleine eenlijns widgets begint het net het lijnnummer op 0. Voor de widgets met een halve breedte die twee lijnen bezetten, is het onderste regelnummer van toepassing op de linkerwidget en het onderste regelnummer naar rechts.  De grote widgets bezetten twee lijnen, dus in dit geval kan de tweede rij niet worden gebruikt. Het maximale regelnummer is 7.

Met de knoppen aan de onderkant u de wijzigingen opslaan of annuleren zonder op te slaan. De widget kan ook worden verwijderd. De Button Extra heeft nog geen functie. Het zal later worden gebruikt om lettertypekleuren aan te passen, afhankelijk van de gemeten waarde.

Als u op de onderste blauwe balk op de hoofdpagina klikt, wordt de lijst met alle apparaten weergegeven.

Voor de ESP32 zijn er 32 voor de ESP8266 16. De andere pagina's zijn te bereiken door te vegen. Als u op een apparaat klikt, u de naam wijzigen.

Nogmaals, de wijziging kan worden opgeslagen via de knop Opslaan. Als u op de knop Details klikt, wordt een lijst met alle kanalen van dit apparaat weergegeven. Met de ESP32 zijn er maximaal 8 voor de ESP8266 maximaal 4. Actieve kanalen worden in geel opgeslagen.

Als u op een kanaal klikt, wordt het configuratievenster voor de bijbehorende widget geopend.

De registratie van een nieuw apparaat is hetzelfde als bij de oude versie. Als een nieuw apparaat wordt gedetecteerd, wordt de id- of MAC-adres weergegeven in de onderste blauwe balk. Als u lang op de blauwe onderste balk klikt, wordt het apparaat geregistreerd en wordt het naamdialoogvenster voor het nieuwe apparaat weergegeven, zodat u er een naam aan toewijzen

Veel plezier met de nieuwe versie. Externe apparaten blijven natuurlijk functioneren zonder dat er noodzakelijke wijzigingen nodig zijn.