In this tutorial you learn everything you need to know about the Nextion display project create. I show you how to create an interface in the Nextion Editor and how to use the internal programming functions. Nextion is HMI (Human-Machine-Interface) displays for microcontroller projects. All of their displays have a touch panel and an onboard processor (MCU) combined with onboard memory. That is why the functions of the Nextion display far exceed that of a normal display. Also the displays has an UART connection, that enables the displays to communicate with all microcontrollers (e.g. Arduino, ESP8266) or single-board computers (e.g. Raspberry Pi)
There are 3 types of Nextion Display Basic, Enhance and Advance.
Also all type have different model as per size.
lets's get start .....
First select your Naxtion type as shown below
![]() |
Screen 1 |
![]() |
Screen 2 |
After that select Generate font for your Application , go to Tools menu and select Font Generator it , you get screen as shown below , select type of font and size and other features as per your requirement and click on OK button to save on particular location.
First screen get as given below with information about its different windows.
drag and drop component as you want your screen display and write user code as you can see in figure 1
you can find its instruction code in link ,you can write code.
Here I need slider value on MCU side ,i just send it via print function.
Compile it and you can check output using debug button.as showin figure 2. Debug window you can check output and also putting input value as simulator works.
Last step is uploading in nextion display have two way , first you can connect it by TTL to USB convertor as shown in figure below.
click on nextion editor upload button you get upload dialog box , click on go button, it automatically upload your file. or you can save it in .HMI file format.
Other way is take one micro SD card and format it . save your project file in .tft format and copy it into your SD card. after that insert your SD card into nextion LCD and +5v and GND from Arduino or nay other connector. it will automatically install your file into nextion display. after installation. just remove your SD card.
This project is created for nextion Display type Basic and Model NX4832T035_011 have display size 3.5 inch.
download created file from following link