Home2022-05-11T19:33:13+08:00

NEXTION INTRODUCTION

What’s Nextion

Nextion is a Human Machine Interface (HMI) solution combining an onboard processor and memory touch display with Nextion Editor software for HMI GUI project development.

Using the Nextion Editor software, you can quickly develop the HMI GUI by drag-and-drop components (graphics, text, button, slider, etc.) and ASCII text-based instructions for coding how components interact on the display side.

Nextion HMI display connects to peripheral MCU via TTL Serial (5V, TX, RX, GND) to provide event notifications that peripheral MCU can act on, the peripheral MCU can easily update progress, and status back to Nextion display utilizing simple ASCII text-based instructions.

Our mission is to reduce the HMI development workloads.

WHY NEXTION

Nextion Offers an Ease of Use and Cost-effective HMI Solution for You.

ico

5 Years LTA

Nextion guarantees the availability of all Series products for a minimum of 5 years with CE and RoHS certification compliant. Unless you are specifically notified at the time of purchase, all Nextion series products purchased will be available at least 5 years since 2019. Here is our LTA announcement.

ico

Versatile Screen Sizes

Nextion is available in various TFT LCD touchscreen sizes including 2.4”, 2.8”, 3.2”, 3.5”, 4.3”, 5.0”, 7.0”, 10.1” . With a large selection to choose from, one will likely fit your needs. Go Nextion Series and Product Datasheets.

ico

Quick and Easy GUI

The Nextion Editor software offers an easy way to create the intuitive and superb touch user interface even for beginners. Add a static picture as background, define functions by components, you can make a simple GUI in minutes. The easy Drag-and-Drop components and simple ASCII text based instructions will dramatically reduce your HMI project development workloads.

ico

Cost-effective HMI Solution

Easy-to-use components, touch event programming and customized GUI at screen side allow you to develop projects rapidly in cost-effective way. The TTL serial Nextion display is the best balance HMI solution between cost and benefit with low and decreased learning curve. See Nextion Editor Guide and Instruction Set.

ico

Nextion Technical Support

Nextion technical support team offers a basic hardware technical service with prompt response through all time zones.

As for further enhanced technical assistance to your project, Enhanced Support is available for you.

ico

User-Help-User Forum

You are never alone to develop your project. Join us in Nextion Community Forum where you can ask questions, share topics and advice with each other.

Note: The Nextion forum is only accessible for registered users.

NEXTION APPLICATIONS
  • 90
BLOGS

The Nextion Menu – now filtered!

When I started with this, I had no idea how this would evolve... Basically, the idea was to add a status bar to all or selected pages of any HMI project. Naturally coded in an optimized way with a minimal consumption of RAM and processor resources. While I was working on that, questions related to a Nextion HMI based menu to allow easier navigation arose in a Nextion related FaceBook user group. That's how and why I continued, adding a menu "hamburger" to the status bar, allowing to display a customizable text based page navigation menu to whatever project. To prevent any memory issues, especially on smaller Nextion HMI displays with 3.5k RAM, I continued making excessive use of GUI commands for this, so that the menu adds only a single transparent overlay page without components to any project, and a simple hotspot component to every page from which the menu could be called. User feedback taught me that this was great, but that the use cases were somewhat limited since the menu and its items were the same on every page. Thus, in the next article, I extended the code to allow adding individual menu items, depending from which page the menu was called, to the "common" list of menu items. But while I was still working on that, new user feedback told me that it would be great to filter out the calling page from the menu, to leave more space for more meaningful items. I promised to do this, and that's the topic of this article.

The Nextion HMI menu – dynamically extended

After adding a toolbar and a static menu to our Nextion HMI, we will add an extension to the latter, today. While it is convenient, not too difficult and, thanks to some of the developer's efforts, not very resource consuming to have a common menu, which means it being identical for all pages, the one or the other application would perhaps be more ergonomic if we hadn't all menu items available on all pages... Thus, having foreseen that, I'll give you the choice today. We'll add a few lines of code to our project and especially another single global text variable to the menu page. This will give us the option to keep all common menu items in the menu page's cfg_menu variable. AND we'll have the option to add individual menu items for each page.

Add a menu to your Nextion Project – advanced programming

At the end of the last blog article where we saw together how one could (almost) automatically add an animated status bar to each page of a Nextion HMI project, I promised you that it would still evolve by adding a menu to it. When I started developing it, I discovered so many amazing things, and I found ways to optimize several aspects, that it took much more time than foreseen, but finally, here we are! If you didn't already, you really should read the previous article and have a look onto its demo project code, to fully benefit from today's extensions.

The program.s file – for what is it good and for what not?

Introduced with the Nextion Editor v 1.60.0 in early 2020 as a container for startup code, the program.s file allowed for the very first time to execute code before the startup page (which was always page 0) was loaded. Although we have been using it many times in our demo projects, and since every project compiled using Nextion Editor v 1.60.0 or newer makes use of it, even when you do not touch at it, I think that it's time to have a deeper look to get most out of it.

Professional HMI project design – Last step: Add the GUI, a few details, and ready!

This is the third and last part of this article series where we wanted to have a deeper look on how to develop a Nextion project systematically, efficiently, and at a professional level. After we talked about gaming mathematics and win plans in the first part, and about animation and timing in the second part where I showed you already a raw proof of concept, it's now time to add a nice GUI and the credits handling, and to adapt and to assemble all the code snippets elaborated during the previous articles, and then, we'll be done!

NEXTION DISTRIBUTOR
You may find out a Nextion Distributor in your country to purchase the Nextion products  from above search.
To be a Nextion Distributor, please submit an application form and we will reach you soon.
APPLY FORNEXTION INFLUENCER

JOIN THE NEXTION FORUM

Share project ideas & Discover innovation and inspiration

Viewing 3 topics - 1 through 3 (of 3 total)
Viewing 3 topics - 1 through 3 (of 3 total)

Subscribe to our Newsletter

    Go to Top