A Remote Wireless Connected Colour Nextion Display

Display LoadMaster PV Solar Hot Water data on a HC-12 Wireless connected Nextion Display (3.2" or 2.8"). How to use a Nextion.

Jan 20, 2020

23650 views

8 respects

Immagine

Components and supplies

1

Arduino Nano R3

Tools and machines

1

Nextion Editor Application

Project description

Code

Loadmaster Mppt Hot Water Controller Firmware

arduino

This is the firmware for the LoadMaster XP V4 PCB. This is supplied simply to illustrate the code which transmits & receives the Nextion display formatted messages.

Loadmaster Mppt Hot Water Controller Firmware

arduino

This is the firmware for the LoadMaster XP V4 PCB. This is supplied simply to illustrate the code which transmits & receives the Nextion display formatted messages.

Downloadable files

Nextion LoadMaster Display Programming Code

Open this in the Nextion development application to help understand or modify the display functionality

Nextion LoadMaster Display Programming Code

Example Power Point file used to create screen graphics

Powerpoint was used to create screen layouts - images subsequently pasted into InkScape and saved as 400x240 PNG files

Example Power Point file used to create screen graphics

Nextion tft file to be loaded into a 3.2" Display

This file is copied onto a uSD card and then inserted into the Display

Nextion tft file to be loaded into a 3.2" Display

Nextion Editor HMI design file (2.8")

To be loaded into the Nextion Editor Application

Nextion Editor HMI design file (2.8")

Nextion tft file to be loaded into a 2.8" Display

Copy file to uSD card and insert into display

Nextion tft file to be loaded into a 2.8" Display

Nextion Editor HMI design file (3.2")

Load into Nextion Editor

Nextion Editor HMI design file (3.2")

Nextion Editor HMI design file (3.2")

Load into Nextion Editor

Nextion Editor HMI design file (3.2")

Example Power Point file used to create screen graphics

Powerpoint was used to create screen layouts - images subsequently pasted into InkScape and saved as 400x240 PNG files

Example Power Point file used to create screen graphics

LoadMaster - Nextion Remote Display TFT code file

LoadMaster Nextion Disp- 3kw FSD.tft - Copy this to a uSD card (<32GB) and fit into display to program it.

LoadMaster - Nextion Remote Display TFT code file

Nextion tft file to be loaded into a 3.2" Display

This file is copied onto a uSD card and then inserted into the Display

Nextion tft file to be loaded into a 3.2" Display

Nextion Editor HMI design file (2.8")

To be loaded into the Nextion Editor Application

Nextion Editor HMI design file (2.8")

Nextion tft file to be loaded into a 2.8" Display

Copy file to uSD card and insert into display

Nextion tft file to be loaded into a 2.8" Display

Nextion LoadMaster Display Programming Code

Open this in the Nextion development application to help understand or modify the display functionality

Nextion LoadMaster Display Programming Code

Comments

Only logged in users can leave comments

Immagine
Immagine

Anonymous user

2 years ago

hi, please can you help me with de generator for seven segmente font? thenks

Immagine
Immagine

stevetearle

2 years ago

Hi and sorry for the delay...i only just saw this comment. I found a sevensegment.ttf true type font online (eg Krafti Lab or other) which i then downloaded and installed into Windows. In the Nextion Editor, use the Font generator tool from inside the Tools menu. You may have to experiment with font height setting but I used 16 pixel. If you require different font styles or different sizes in your nextion project you will need to repeat the font creation process for each required Font & size. Name the created nextion Fonts as say SevenSeg16 , Arial 22 etc Cheers Steve

Immagine
Immagine

Anonymous user

2 years ago

excellent...

Immagine
Immagine

Anonymous user

2 years ago

Really cool project, Im using this command to send the 3 (0xFF) // ------ Nextion Document ------// const byte ndt[3] = {255,255,255}; Serial.write(ndt,3);

Immagine
Immagine

stevetearle

2 years ago

Hi Rafael Many thanks , that is a very useful tip to know and to save some code space. Cheers, Steve

Immagine
Immagine

mmakybh

2 years ago

Great content! I'd like to suggest a comparison between Nextion displays with Proculus LCD Modules. I think it would be a interesting fight :) https://www.proculustech.com/

Immagine
Immagine

stevetearle

2 years ago

Those displays look interesting, a bit more expensive and perhaps not so widespread use at the moment.

Immagine
Immagine

mmakybh

3 years ago

Great content! I'd like to suggest a comparison between Nextion displays with Proculus LCD Modules. I think it would be a interesting fight :) https://www.proculustech.com/

Immagine
Immagine

stevetearle

2 years ago

Those displays look interesting, a bit more expensive and perhaps not so widespread use at the moment.

Immagine
Immagine

Anonymous user

4 years ago

Really cool project, Im using this command to send the 3 (0xFF) // ------ Nextion Document ------// const byte ndt[3] = {255,255,255}; Serial.write(ndt,3);

Immagine
Immagine

stevetearle

2 years ago

Hi Rafael Many thanks , that is a very useful tip to know and to save some code space. Cheers, Steve

Immagine
Immagine

Anonymous user

5 years ago

good jobs :)

Immagine
Immagine

Anonymous user

5 years ago

excellent...

Immagine
Immagine

Anonymous user

5 years ago

hi, please can you help me with de generator for seven segmente font? thenks

Immagine
Immagine

stevetearle

2 years ago

Hi and sorry for the delay...i only just saw this comment. I found a sevensegment.ttf true type font online (eg Krafti Lab or other) which i then downloaded and installed into Windows. In the Nextion Editor, use the Font generator tool from inside the Tools menu. You may have to experiment with font height setting but I used 16 pixel. If you require different font styles or different sizes in your nextion project you will need to repeat the font creation process for each required Font & size. Name the created nextion Fonts as say SevenSeg16 , Arial 22 etc Cheers Steve