Difference between revisions of "Nextion HMI Solution"

From ITEAD Wiki
Jump to: navigation, search
m (Tutorials)
m (Nextion Editor Quick Start Guide)
 
(61 intermediate revisions by the same user not shown)
Line 1: Line 1:
==Over View==
+
==Overview==
 
[[File:nextion.png|thumb|400px|right]]
 
[[File:nextion.png|thumb|400px|right]]
 
Nextion is a Seamless Human Machine Interface (HMI) solution that provides a control and visualisation interface between a human and a process, machine, application or appliance. Nextion is mainly applied to IoT or consumer electronics field. It is the best solution to replace the traditional LCD and LED Nixie tube.
 
Nextion is a Seamless Human Machine Interface (HMI) solution that provides a control and visualisation interface between a human and a process, machine, application or appliance. Nextion is mainly applied to IoT or consumer electronics field. It is the best solution to replace the traditional LCD and LED Nixie tube.
  
This solution includes hardware part - a series of TFT boards and software part - Nextion editor. Nextion TFT board uses only one serial port to do communicating. Let you get rid of the wiring trouble. We notice that most engineers spend much time in application development but get unpleasant results. In this situation, Nextion editor has mass components such as button, text, progress bar, slider, instrument panel etc. to enrich your interface design. And the drag-and-drop function ensures that you spend less time in programming, which will reduce your 99% development workloads. With the help of this WYSIWYG editor, GUI designing is a piece of cake.
+
Nextion includes hardware part (a series of TFT boards) and software part (the [http://nextion.itead.cc/ Nextion editor]). The Nextion TFT board uses only one serial port to communicate. It lets you avoid the hassle of wiring. We notice that most engineers spend much time in application development but get unsatisfactory results. In this situation, Nextion editor has mass components such as button, text, progress bar, slider, instrument panel etc. to enrich your interface design. And the drag-and-drop function ensures that you spend less time in programming, which will reduce 99% of your development workloads. With the help of this WYSIWYG editor, designing a GUI is a piece of cake.
  
http://i.imgur.com/uEa84z9.gif
+
[[File:nextionweather.jpg|568px]]
 +
 
 +
[http://blog.iteadstudio.com/weather-station-use-nextion-4-3-with-wboard/ Watch the vedio and learn the tutorial click here.]
  
 
==Selection Table==
 
==Selection Table==
  
 
{| border="1"
 
{| border="1"
|  style="width:120px" bgcolor=gray  align"center" | Product Name || style="width:90px" bgcolor=gray | Size || style="width:90px" bgcolor=gray | Resolution || style="width:90px" bgcolor=gray | Touch Panel || style="width:90px" bgcolor=gray | Color || style="width:90px" bgcolor=gray | Flash(MB) || style="width:90px" bgcolor=gray | RAM(Byte) || style="width:90px" bgcolor=gray | SKU || style="width:90px" bgcolor=yellow | Datasheet || style="width:90px" bgcolor=red | Buy
+
|  style="width:120px" bgcolor=gray  align"center" | Model || style="width:90px" bgcolor=gray | Size || style="width:90px" bgcolor=gray | Resolution || style="width:90px" bgcolor=gray | Touch Panel || style="width:90px" bgcolor=gray | Color || style="width:90px" bgcolor=gray | Flash(MB) || style="width:90px" bgcolor=gray | RAM(Byte) || style="width:90px" bgcolor=gray | SKU || style="width:90px" bgcolor=yellow | Datasheet || style="width:90px" bgcolor=red | Shopping
 
|-
 
|-
| NX3224T024_011N || 2.4”|| 320*240 || None || 65536 || 4 || 2048 || - || [[NX3224T024| Click]]  || Contact
+
| colspan=10 | '''Nextion Basic Models'''
 
|-
 
|-
| NX3224T024_011R || 2.4”|| 320*240 || RTP || 65536 || 4 || 2048 || IM150416002 || [[NX3224T024| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx3224t024.html Click]
+
| NX3224T024_011R || 2.4”|| 320*240 || RTP || 65536 || 4 || 3584 || IM150416002 || [[NX3224T024| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx3224t024.html Click]
|-
+
| NX3224T028_011N || 2.8”|| 320*240 || None || 65536 || 4 || 2048 || - || [[NX3224T028| Click ]] || Contact
+
 
|-  
 
|-  
| NX3224T028_011R || 2.8”|| 320*240 || RTP || 65536 || 4 || 2048 || IM150416004 || [[NX3224T028| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx3224t028-1703.html Click]
+
| NX3224T028_011R || 2.8”|| 320*240 || RTP || 65536 || 4 || 3584 || IM150416004 || [[NX3224T028| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx3224t028-1703.html Click]
 
|-
 
|-
| NX4024T032_011N || 3.2”|| 400*240 || None || 65536 || 4 || 2048 || - || [[NX4024T032| Click ]] || Contact
+
| NX4024T032_011R || 3.2”|| 400*240 || RTP || 65536 || 4 || 3584 || IM150416005 || [[NX4024T032| Click ]] || [http://www.itead.cc/display/nextion/nextion-nx4024t032.html Click]
 
|-
 
|-
| NX4024T032_011R || 3.2”|| 400*240 || RTP || 65536 || 4 || 2048 || IM150416005 || [[NX4024T032| Click ]] || Click
+
| NX4832T035_011R || 3.5”|| 480*320 || RTP || 65536 || 16 || 3584 || IM150918001 || [[NX4832T035| Click ]] || [http://www.itead.cc/nextion-nx4832t035.html Click]
 
|-
 
|-
| NX4827T043_011N || 4.3”|| 480*272 || None || 65536 || 16 || 2048 || - || [[NX4827T043| Click ]] || Contact
+
| NX4827T043_011R || 4.3”|| 480*272 || RTP || 65536 || 16 || 3584 || IM150416003 || [[NX4827T043| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx2432t043.html Click]
 
|-
 
|-
| NX4827T043_011R || 4.3”|| 480*272 || RTP || 65536 || 16 || 2048 || IM150416003 || [[NX4827T043| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx2432t043.html.html Click]
+
| NX8048T050_011R || 5.0”|| 800*480 || RTP || 65536 || 16 || 3584 || IM150416006 || [[NX8048T050| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx8048t050.html Click]
 
|-
 
|-
| NX8048T050_011N || 5.0”|| 800*480 || None || 65536 || 16 || 2048 || - || [[NX8048T050| Click ]] || Contact
+
| NX8048T070_011R || 7.0”|| 800*480 || RTP || 65536 || 16 || 3584 || IM150416007 || [[NX8048T070| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx8048t070.html Click]
 
|-
 
|-
| NX8048T050_011R || 5.0”|| 800*480 || RTP || 65536 || 16 || 2048 || IM150416006 || [[NX8048T050| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx8048t050.html Click]
+
| colspan=10 | '''Nextion Enhanced Models'''
 
|-
 
|-
| NX8048T070_011N || 7.0”|| 800*480 || None || 65536 || 16 || 2048 || - || [[NX8048T070| Click ]] || Contact
+
| NX3224K024_011R || 2.4”|| 320*240 || RTP || 65536 || 16 || 3584 || IM160511002 || [[NX3224K024 | Click ]] || [https://www.itead.cc/nextion-nx3224k024.html Click]
 +
|-
 +
| NX3224K028_011R || 2.8”|| 320*240 || RTP || 65536 || 16 || 3584 || IM160511003 || [[NX3224K028 | Click ]] || [https://www.itead.cc/nextion-nx3224k028.html Click]
 +
|-
 +
| NX4024K032_011R || 3.2”|| 400*240 || RTP || 65536 || 16 || 3584 || IM160511004 || [[NX4024K032| Click ]] || [https://www.itead.cc/nextion-nx4024k032.html Click]
 +
|-
 +
| NX4832K035_011R || 3.5”|| 480*320 || RTP || 65536 || 32 || 8192 || IM160511005 || [[NX4832K035 | Click ]] || [https://www.itead.cc/nextion-nx4832k035.html Click]
 +
|-
 +
| NX4827K043_011R || 4.3”|| 480*272 || RTP || 65536 || 32 || 8192 || IM160511006 || [[NX4827K043 | Click ]] || [https://www.itead.cc/nextion-nx4827k043.html Click]
 +
|-
 +
| NX8048K050_011R || 5.0”|| 800*480 || RTP || 65536 || 32 || 8192 || IM160511007 || [[NX8048K050 | Click ]]||  [https://www.itead.cc/nextion-nx8048k050.html Click]
 +
|-
 +
| NX8048K070 || 7.0”|| 800*480 || RTP || 65536 || 32 || 8192 || IM160511008 || [[NX8048K070 | Click ]]|| [https://www.itead.cc/nextion-nx8048k070.html Click]
 
|-
 
|-
| NX8048T070_011R || 7.0”|| 800*480 || RTP || 65536 || 16 || 2048 || IM150416007 || [[NX8048T070| Click ]] || [http://imall.iteadstudio.com/display/nextion/nextion-nx8048t070.html Click]
+
| NX8048K070_011R NX8048K070_011C || 7.0”|| 800*480 || RTP/CPT || 65536 || 32 || 8192 || IM170502001 || [[NX8048K070 | Click ]]|| [https://www.itead.cc/nextion-nx8048k070-011r-011c.html Click]
 
|-
 
|-
 
|}
 
|}
Line 53: Line 65:
  
 
==[[Nextion Editor Quick Start Guide | Nextion Editor Quick Start Guide]]==
 
==[[Nextion Editor Quick Start Guide | Nextion Editor Quick Start Guide]]==
 +
 +
Nextion Editor([http://nextion.itead.cc/download.html Official Download]) is a development software used for visual building of graphic interface for embedded GUI-intensive devices with various types of TFT displays and Touch Panels. Using this tool, users can start creating TFT based devices in a faster and easier way.
  
 
In the future, Nextion Editor will provide a set of examples intended to speed up your work and creation process. Examples are fully-comented and explained, thus allowing a quick start in designing user interface. Browse through the given examples and learn how to create GUI application with minimum of time and effort.
 
In the future, Nextion Editor will provide a set of examples intended to speed up your work and creation process. Examples are fully-comented and explained, thus allowing a quick start in designing user interface. Browse through the given examples and learn how to create GUI application with minimum of time and effort.
[[Nextion Editor Quick Start Guide | View more details]]
 
  
==Known issues==
+
We'll introduce the software in details as follows.
 +
 
 +
[[Nextion Editor Quick Start Guide | View more]]
 +
 
 +
==CE-EMC, RoHS Test Report and Certificate==
 +
[[:File:CE-EMC Test Report for ITEAD Nextion Displays.pdf | CE-EMC Test Report for ITEAD Nextion Displays ]]
 +
 
 +
[[:File:CE-EMC Certificate of Compliance for ITEAD Nextion Displays.pdf | CE-EMC Certificate of Compliance for ITEAD Nextion Displays]]
 +
 
 +
[[:File:RoHS-Nextion.pdf | RoHS Test Report for ITEAD Nextion Displays]]
  
 
==3D printing bezel==
 
==3D printing bezel==
  
Some guys requested a bezel. Thus our engineer designed  3D bezel models for both screens.
+
Some people requested a bezel. Thus our engineer designed  3D bezel models.
  
 
[[File:3d24.jpg|400px]]
 
[[File:3d24.jpg|400px]]
Line 67: Line 89:
 
[[File:3d24bezel.jpg|400px]]
 
[[File:3d24bezel.jpg|400px]]
  
You can download the 3D model files below"Related Downloads".
+
'''Nextion Bezel 3D Design in .STL format:'''
  
==Tutorials==
+
[[:File:3D_Model_Nextion-2.4''.zip]]
[http://blog.iteadstudio.com/weather-station-use-nextion-4-3-with-wboard/ 1.Weather Station: Use Nextion 4.3″ with Wboard] [http://blog.iteadstudio.com/wp-content/uploads/2015/05/weather.zip Download Weather Station Nextion HMI file]
+
  
[http://blog.iteadstudio.com/product-preview-nextion-in-an-arduino-project-2/ 2.Nextion in an Arduino project: progress bar] [http://wiki.iteadstudio.com/images/4/4f/Progressbar.zip Download Arduino-Progress-Bar HMI file]
+
[[:File:3D_Model_Nextion-2.8''.zip]]
  
[http://blog.iteadstudio.com/product-preview-nextion-in-an-arduino-project-3/ 3.Nextion in an Arduino project: switch] [http://wiki.iteadstudio.com/images/8/8f/Touch_switch.zip Download Arduino-Touch-Switch HMI file]
+
[[:File:3D_Model_Nextion-3.2''.zip]]
  
==Related Downloads==
+
[[:File:3D_Model_Nextion-3.5''.zip]]
  
 +
[[:File:3D_Model_Nextion-4.3''.zip]]
 +
 +
[[:File:3D_Model_Nextion-5.0''.zip]]
 +
 +
[[:File:3D_Model_Nextion-7.0''.zip]]
 +
 +
==Useful links==
 +
[http://support.iteadstudio.com/discussions/topics/1000065323 Nextion User Manual]
 +
 +
[http://support.iteadstudio.com/discussions/1000058038 Nextion Forum]
 +
 +
[https://itead.freshdesk.com/support/discussions/topics/11000008424 1st Nextion Contest Entries]
 +
 +
[http://tutorials.boecker-systemelektronik.de/Nextion_Lehrgang/NEX1_0.html Die Nextion TFT-Touchpanels im Detail]
 +
 +
[http://support.iteadstudio.com/support/discussions/topics/11000007783 Tools, Tips, Tricks and How-TOs]
 +
 +
==Related Downloads==
  
 
[https://github.com/itead/ITEADLIB_Arduino_Nextion  Arduino Library for Nextion ]
 
[https://github.com/itead/ITEADLIB_Arduino_Nextion  Arduino Library for Nextion ]
  
 +
'''Demo for basic Nextion displays:'''
 +
 +
[[:File:Demo_Nextion_2.4_v0_32.zip]]
 +
 +
[[:File:Demo_Nextion_2.8_v0_32.zip]]
 +
 +
[[:File:Demo_Nextion_3.2_v0_32.zip]]
 +
 +
[[:File:Demo_Nextion_3.5_v0_32.zip]]
 +
 +
[[:File:Demo_Nextion_4.3_v0_32.zip]]
  
[http://blog.iteadstudio.com/wp-content/uploads/2015/05/Nextion-2.4-example.zip Nextion 2.4"& 2.8" boot example]
+
[[:File:Demo_Nextion_5.0_v0_32.zip]]
  
[http://wiki.iteadstudio.com/images/3/3a/Nextion_3.2_Example.zip Nextion 3.2" boot example]
+
[[:File:Demo_Nextion_7.0_v0_32.zip]]
  
[http://blog.iteadstudio.com/wp-content/uploads/2015/05/Nextion-4.3-example.zip Nextion 4.3" boot example]
+
'''Demo for enhanced Nextion displays:'''
  
[http://wiki.iteadstudio.com/images/3/31/Nextion_5.0_7.0_Example.zip Nextion 5.0"& 7.0" boot example]
+
[[:File:Enhanced_Nextion_2.4-2.8_Demo.zip]]
  
 +
[[:File:Enhanced_Nextion_3.2_Demo.zip]]
  
[http://7i7i8x.com1.z0.glb.clouddn.com/Nextion-2.4.STEP 3D Model for NX3224T024]
+
[[:File:Enhanced_Nextion_3.5_Demo.zip]]
  
[http://7i7i8x.com1.z0.glb.clouddn.com/Nextion-4.3.STEP 3D Model for NX4827T043]
+
[[:File:Enhanced_Nextion_4.3_Demo.zip]]
  
 +
[[:File:Enhanced_Nextion_5.0-7.0_Demo.zip]]
  
[http://itead.qiniudn.com/nextion-setup.exe Latest Nextion Editor]
+
[http://nextion.itead.cc/download.html Download Latest Nextion Editor]

Latest revision as of 06:54, 17 August 2017

Overview

Nextion.png

Nextion is a Seamless Human Machine Interface (HMI) solution that provides a control and visualisation interface between a human and a process, machine, application or appliance. Nextion is mainly applied to IoT or consumer electronics field. It is the best solution to replace the traditional LCD and LED Nixie tube.

Nextion includes hardware part (a series of TFT boards) and software part (the Nextion editor). The Nextion TFT board uses only one serial port to communicate. It lets you avoid the hassle of wiring. We notice that most engineers spend much time in application development but get unsatisfactory results. In this situation, Nextion editor has mass components such as button, text, progress bar, slider, instrument panel etc. to enrich your interface design. And the drag-and-drop function ensures that you spend less time in programming, which will reduce 99% of your development workloads. With the help of this WYSIWYG editor, designing a GUI is a piece of cake.

Nextionweather.jpg

Watch the vedio and learn the tutorial click here.

Selection Table

Model Size Resolution Touch Panel Color Flash(MB) RAM(Byte) SKU Datasheet Shopping
Nextion Basic Models
NX3224T024_011R 2.4” 320*240 RTP 65536 4 3584 IM150416002 Click Click
NX3224T028_011R 2.8” 320*240 RTP 65536 4 3584 IM150416004 Click Click
NX4024T032_011R 3.2” 400*240 RTP 65536 4 3584 IM150416005 Click Click
NX4832T035_011R 3.5” 480*320 RTP 65536 16 3584 IM150918001 Click Click
NX4827T043_011R 4.3” 480*272 RTP 65536 16 3584 IM150416003 Click Click
NX8048T050_011R 5.0” 800*480 RTP 65536 16 3584 IM150416006 Click Click
NX8048T070_011R 7.0” 800*480 RTP 65536 16 3584 IM150416007 Click Click
Nextion Enhanced Models
NX3224K024_011R 2.4” 320*240 RTP 65536 16 3584 IM160511002 Click Click
NX3224K028_011R 2.8” 320*240 RTP 65536 16 3584 IM160511003 Click Click
NX4024K032_011R 3.2” 400*240 RTP 65536 16 3584 IM160511004 Click Click
NX4832K035_011R 3.5” 480*320 RTP 65536 32 8192 IM160511005 Click Click
NX4827K043_011R 4.3” 480*272 RTP 65536 32 8192 IM160511006 Click Click
NX8048K050_011R 5.0” 800*480 RTP 65536 32 8192 IM160511007 Click Click
NX8048K070 7.0” 800*480 RTP 65536 32 8192 IM160511008 Click Click
NX8048K070_011R NX8048K070_011C 7.0” 800*480 RTP/CPT 65536 32 8192 IM170502001 Click Click

Nextion Instruction Set

1.Classification I: Operation Commands of Component and System

2.Classification II: GUI Designing Command

3.Nextion HMI: System Variables List

4.Nextion HMI: Color Code List

5.Format of Device Return Data

View more details

Nextion Editor Quick Start Guide

Nextion Editor(Official Download) is a development software used for visual building of graphic interface for embedded GUI-intensive devices with various types of TFT displays and Touch Panels. Using this tool, users can start creating TFT based devices in a faster and easier way.

In the future, Nextion Editor will provide a set of examples intended to speed up your work and creation process. Examples are fully-comented and explained, thus allowing a quick start in designing user interface. Browse through the given examples and learn how to create GUI application with minimum of time and effort.

We'll introduce the software in details as follows.

View more

CE-EMC, RoHS Test Report and Certificate

CE-EMC Test Report for ITEAD Nextion Displays

CE-EMC Certificate of Compliance for ITEAD Nextion Displays

RoHS Test Report for ITEAD Nextion Displays

3D printing bezel

Some people requested a bezel. Thus our engineer designed 3D bezel models.

3d24.jpg

3d24bezel.jpg

Nextion Bezel 3D Design in .STL format:

File:3D_Model_Nextion-2.4.zip

File:3D_Model_Nextion-2.8.zip

File:3D_Model_Nextion-3.2.zip

File:3D_Model_Nextion-3.5.zip

File:3D_Model_Nextion-4.3.zip

File:3D_Model_Nextion-5.0.zip

File:3D_Model_Nextion-7.0.zip

Useful links

Nextion User Manual

Nextion Forum

1st Nextion Contest Entries

Die Nextion TFT-Touchpanels im Detail

Tools, Tips, Tricks and How-TOs

Related Downloads

Arduino Library for Nextion

Demo for basic Nextion displays:

File:Demo_Nextion_2.4_v0_32.zip

File:Demo_Nextion_2.8_v0_32.zip

File:Demo_Nextion_3.2_v0_32.zip

File:Demo_Nextion_3.5_v0_32.zip

File:Demo_Nextion_4.3_v0_32.zip

File:Demo_Nextion_5.0_v0_32.zip

File:Demo_Nextion_7.0_v0_32.zip

Demo for enhanced Nextion displays:

File:Enhanced_Nextion_2.4-2.8_Demo.zip

File:Enhanced_Nextion_3.2_Demo.zip

File:Enhanced_Nextion_3.5_Demo.zip

File:Enhanced_Nextion_4.3_Demo.zip

File:Enhanced_Nextion_5.0-7.0_Demo.zip

Download Latest Nextion Editor