Nextion Arduino Project: Whac-A-Mole gek konijn spel (1 / 2 stap)

Stap 1: Stap voor stap gebouw projectbestand

Om Nextion-scherm weergeven van het spel, is het eerste wat dat we moeten doen het ontwerpen van een HMI-bestand in de verwante software genaamd Nextion Editor. Deze editor kunt u het ontwerp van uw gewenste interfaces, waarmee u afbeeldingen, lettertypen, onderdelen voor verschillende functies kunt toevoegen. En u kunt ontwerpen als meer interfaces als u nodig hebt. Deze onderdelen zijn onder meer: voortgangsbalk, gewas, hotspot, gauge, golfvorm, schuif, variabele, tekst, getal, foto's, enz. U kunt codes en eigenschappen voor elk onderdeel instellen.

Nu laten we aan de slag. Open de editor. Omdat de grootte van mijn nextion is 3.5'', maak ik een nieuw HMI-projectbestand (gerelateerde oplossing 480 * 320, en kies weergaverichting van horizontale). Dit is een eenvoudig spel. Dus gewoon één interface is genoeg, dus ik maak één pagina, wijzigen ik de naam naar "spel". De foto's moet PS vooraf, en moeten we de grootte van elke afbeelding, enkel voor het geval ze te groot of te klein. Daarna, in de afbeeldingsbibliotheek toevoegen. Moeten ook Maak een lettertype, er zijn veel veel lettertypen voor u om te kiezen, hier kies ik 24' viner hand. Twee herinneringen voor u, het lettertype moet niet worden te groot, in het geval dat uw component grootte niet dat groot genoeg. En de naam van het lettertype moet niet ruimten.
Voeg vervolgens de onderdelen één voor één. Verschillende componenten hebben verschillende eigenschappen instellen. Er zijn vele eigenschappen, als u een nextion-editor downloaden en mijn HMI-bestand opent, kunt u hen duidelijk weergeven. Natuurlijk, zijn er codes voor bepaalde onderdelen. Touch persevenement wordt uitgevoerd wanneer u op het scherm, touch release gebeurtenis wordt uitgevoerd wanneer u uw vingernagel van het scherm loslaat. Bent u geïnteresseerd om meer te leren over de gegevens dat u kunt een bezoek brengen aan de wikipagina hier.

Na afwerking het bewerken van de HMI-project, kunnen we compileren en het debuggen in de simulator om het effect bekijken. Deze simulator zal helpen ons problemen. Als alles goed is, sla dit HMI-bestand en uploaden naar Nextion display. Foca (FTDI module) verbinden met PC met een USB-kabel. En Nextion display met Foca aansluit via een 4 pins grove kabel. Één meer aanmaning, wees voorzichtig, niet te krijgen verkeerde aansluitingen. Als u de verbindingen hieronder vinden kunt:

Foca (USB--TTL)---Nextion Display

5V---5V

GND---GND

TX---RX

RX---TX