Nextion gauge example


  • Getting started with Nextion HMI
  • Related Posts
  • Nextion Display with Arduino – Getting Started
  • Arduino Nextion Display Tutorial
  • Getting started with Nextion HMI

    Import Project will append an existing project into the current project — usually with resulting naming and renumbering issues. As such, it is recommended to import individual pages if required. Clear Recent Projects used to clear the Project filenames in the Recent projects pane has been removed and is now accomplished in the Recent projects pane with context click and selecting Delete all records, or by managing the recent projects with more selectiveness.

    The option to open the output folder location in Windows Explorer can be made by clicking only open the output folder link. These are covered individually in Section 5 of this Guide. In the Configuration menuitem, the user can choose for the Nextion Editor and the Debug Simulator if code should be highlighted or not, if Auto-Complete should be on, if the descriptions for instruction parameters should be on or not, if the tooltips should be shown when the mouse is over the toolbar buttons.

    For serial data in the Debug Simulator, the timeout can be adjusted from its ms default value to a user selected value within the range from 20ms to 5 seconds.

    For the new Intelligent Series, the user can choose if there should be a 3 second delay at screen edge before allowing the component position to escape to the outside of the canvas area.

    This is useful to be on, especially in the Basic, Discovery and Enhanced models as out of bounds positioning is not permitted and will cause the project to not compile. Finally, the default Font used for the Nextion Editor can be changed to suit the users taste. Resetting the font to the default Microsoft Sans Serif will return the Editor to its normal traditionally used font.

    Reset layout will reset the Nextion Editor default panes back to their original positions. This is a useful starting point if you have somehow misplaced your pane or positioned it in some obscure unreachable position.

    Selecting Instruction Set menuitem will launch the Nextion Instruction Set in your default web browser. Selecting Editor Guide menuitem will launch the Editor Guide in your default web browser. Clicking the link will take you to the Nextion website where you can access the forums and other documentation. Selecting Check for new version menuitem in the About Menu will show the Update dialog when a new version is available see Downloading the Nextion Editor at the beginning of this Guide , or a dialog informing that you have the most recent version.

    Compile Use Compile to check for errors in the currently loaded project. Pay attention to any warnings as these will mean your project may not run as you expect. Pay attention to any error messages as they will need to be corrected before continuing. Error messages are descriptive, and if it is a code error then the user can click to jump directly to the coding error location.

    Compile is more of a building and assembly process. Nextion remains closed source. A TFT file is no longer built and placed in the bianyi folder on Compile. To be clear this is not a precision emulator and is intended to be sufficient to assist in debugging a users project. It in no way is meant to replicate the Nextion device exactly. Any Windows OS is already sufficient to make such precision unattainable. The Debug Simulator will be covered in more detail in Section 3 of this Guide.

    TFT file directly. This is handy for loading demos or sharing ideas without surrendering your original source code. TFT file is used to successfully simulate. A better choice is to select the correct Port and Baud Rate. Proper configuration of Serial adapters, Windows drivers, device conflicts, etc is beyond the scope of Nextion support and remains the domain of user responsibility to know their used Operating System and devices.

    Once Nextion has responded to the connect instruction, the upload process will begin. Do not interrupt this process until completed. If the process has been interrupted, resetting the serial port may be required. TFT file has been uploaded and uploading over serial is no longer an option, then the user will need to upload via the microSD method.

    Refer to Section 4 of this guide. Paste contains a drop down option to in place paste which will copy without any vertical or horizontal offsets. Lock and Unlock Users can select components or multiple components and then Lock or Unlock as required. Locking prevents a component from being repositioned with the mouse until unlocked. A lock icon appears in the upper right corner of the visual components when locked that can interfere with visual inspection of your HMI design.

    Bring Bottom Arrow Down will take the selected component s and renumber to the lowest. For Resizing components: Same Width, Same Height and Same Size will take a group of selected components green ID labels and set the size width, height or both to match the component with the blue ID label.

    For Spacing components: Make horizontal spacing equal, Increase horizontal spacing, and Decrease horizontal spacing will take a group of selected components green ID labels and adjust the horizontal spacing between components using the component with the blue ID label as the baseline component.

    Likewise: Make vertical spacing equal, Increase vertical spacing, and Decrease vertical spacing will take a group of selected components green ID labels and adjust the vertical spacing between components using the component with the blue ID label as the baseline component. When you need to make changes, Device will launch the following window with the Device tab selected. Then select your Nextion Model. Character Encoding is default iso Select from the character encodings that make sense for your HMI project to best display your local character sets.

    There are a selection of single byte and double byte character sets available. Computer systems and MCUs use numeric values and not characters. Your MCU will not send A, it sends byte 0x41 which in many cases maybe mapped to the letter A , but does not explicitly mean 0x41 renders A in every encoding.

    A Byte value of 0xC4 can map to different characters in different encodings, or even be undefined mapping to no character. While modern computers can do translations between many encodings, your MCU will likely not.

    It is useful to research the encoding you are planning to use. If you desire to password protect your entire HMI project, selecting the project tab will bring up the Open Password Setting button. If an existing password exists, it will need be entered before a new password can be set. When a Password is lost, it is not retrievable. There is no recovery! A project with a lost password would need to be rebuilt! So, do not lose — or — do not use.

    You can now also now choose to ignore your pictures image resources and fonts library resources at compile time. While this is a small time saving step, it is recommended to turn these off when you are ready to create your final project compiled TFT.

    For the Intelligent series, Memory file storage size for external picture resources is specified in Bytes. ID Selecting ID to will toggle if the component. Yellow labelled components have a. Hint: Event code is never global. When selecting multiple components, green labelled components indicate multiple components have been selected, while the one blue labelled component will be used as the baseline component. To change the baseline component while the group is still active selected, simply click on the already selected component you want to become the baseline component.

    The value of the zoom is shown in percentage to the right of the Canvas Zoom. To return to the Design Canvas, click the Display Tab. At the moment only int 32 bit signed integers are supported. Additionally project start up code can be added in this section to be run before the HMI runs using Nextion Instructions.

    A Page is created with Add, deleted with Delete, and copied with Copy. Insert will create a new page before the highlighted page. Using Delete all Trash will delete all pages within the project. Pages can be renamed to a maximum of 14 characters and the page names are case sensitive avoid using space and other characters that can be code ambiguous as this could cause code parsing issues: Since the Intelligent Series, the Editor compile becomes more strict.

    To rename your page highlight the page, right click. Then enter your new name it is recommended to press Enter to ensure the change takes place. Double clicking a Highlighted page name will also trigger the page renaming function. The page Lock and Unlock functions are only accessed by right clicking the highlighted page name and selecting Lock or Unlock. If the page has been locked with a password, the password must be entered to access the components and event code.

    As an example, the keyboard pages are imported as locked, but do not use passwords the keyboard pages are also a good coding example to review. When keyboard pages are imported by the Nextion Editor component. Pages can be exported from one project to another project with Export page. This is the preferred way to share components and partial projects. If you want to export a page as locked or locked with a password, this must done before exporting.

    To import a page, use Import page. Imported pages can be used independent if they are locked with a password, locked without a password, or unlocked. Locking is to protect the code. When a page is imported with naming conflicts, the affected conflicting names will be renamed. It is therefore relevant to perhaps select meaningful names. In an HMI project a page is a localized unit.

    When changing pages, the existing page is removed from memory and the requested page is then loaded into memory. As such components with a variable scope of local are only accessible while the page they are in is currently loaded. Components within a page that have a variable scope of global are accessible by prefixing the page name to the global component.

    As an Example: A global Number component n0 on page1 is accessed by page1. A local Number component n0 on page1 can be accessed by page1.

    HMI displays have been in the market for quite a long time, but their price dropped for the last two years, and now DIY makers are using them in projects.

    Note that HMI display is different from touch display. Touch display only displays the text or image which the user sends for display. However, HMI is not only a touch display. Nextion HMI displays are the most popular among DIY hobbyists, and we will learn how to program, interface and work with them. Download and install the nextion GUI builder editor. Once installed, open editor and started creating a new project. HMI extension. After creating the project, a new window will pop up where you will be asked to select your HMI.

    Find your HMI category, name and select it. Once you are done, hit OK. Next, the orientation of the display is required to be selected. Select the orientation of the display. You can also select the character encoding. I prefer to work with default iso Hit Ok, and you are done with the display settings. On the main page header, I want to display the EngineersGarage logo.

    So first, I need to import the logo into the editor. Click the add button navigate to the image, and press enter. The logo is imported and displayed in the window. Logo parameters size, height width, and format appear beneath it. The logo is assigned an ID Every object in the editor is assigned an ID. To place this picture in the display pane double, click the picture object.

    A rectangular box will appear in the display pane. To display the EngineersGarage logo in the picture box, click the box and navigate to the attribute window. P0 attributes are listed in the window. Id is 1, scope is local if global, then this object can be seen in other pages.

    The pic attribute is where we have to put the id of picture we want to display in the picture box. In our case, the logo id is 0, so put 0 and hit enter You can also use the browse feature to select the pictures available in the picture window manually.

    The logo will appear in the picture box. Make sure your picture is not out of the display pane. Adjust it in a pane using a mouse. Display text To display text first, we have to generate a font. Font generator application is part of the editor. Generate font which you want to display on HMI. Give a valid name to each font, select height, and encoding, etc. If more than one font is part of the project, generate each one by one.

    I specified two fonts. You can view the fonts in the font window. Each font is assigned an ID and name. To assign a text box, a particular font enters the font ID next to the font attribute.

    Attribute txt is where you input the text, which later appears in the text box. Pco attribute changes the color of the text. Each object and its attributes can be studied by using the help option from the editor. I created two pages few pictures and text boxes are present on each page.

    One button is placed on the main page. Pressing the button will take you to the next page. To switch between pages using a button, we must create an event. The event can be on button press or release. I specified on release. Put page page1 in the button release event. Commands can be studied using help from the editor menu. Now all you need to do is compile code and then start debugging. From the text editor in the tools bar, select the COM port, set the baud rate to , and hit upload.

    The sketch will start uploading, and it will take 3 to 6 minutes, depending on the application size. Another method is to copy the. TFT file generated by the nextion editor in an SD card. You can remove the sd-card when the upload is finished.

    Also the commercial clamp on monitors seem very inaccurate. I know that if you can monitor 2 clamps and know that one only consumes power and the line from the solar PV that can only supply power, you can determine net power flow in or out of the house. Also I wanted to find out my background power which turned out to be around w.

    I looked at solutions for power factor etc but the information would not be of any benefit to me. The cost of a accurate voltage transformer would not give me any useful info, not that others could not use it.

    I am contemplating getting an air source heat pump to heat water with my excess power. It draws only w so most days I will have enough excess power to run it for 1 hour a day. My plan is to test the output water temp if it drops below 40C a bypass valve will mix the water with cold and feed 20C water to my combi boiler. My combi boiler does not accept pre heated water but 20C water should not be a problem.

    Related Posts

    Also it will increase my water flow in the winter. Heating water from 20c to 40c is much easier than from 5C in the winter. I stayed at a small hotel that seemed to have switched to using this method to heat water. Its supposed to be more efficient than normal resistive heating. FurkanCetin Sun Sep 20, am Hi guys. You have just shared lots of precious experience here. You can trigger events when you press or when you release a component.

    That event will be simply sending the ID of the component that was touched. To do that, select one of the buttons, and in the event window, select the Touch Release Event tab, and put a tick on the Send Component ID option. Repeat this process for the other button, and the slider.

    On the top right corner, in the Page area, select the Add button to add a new page. A new page will be created. In this case, page1. To make this button redirect to page1, you need to add the following to the Event window, in the user code section as highlighted in red below. If you want to redirect to another page, you just have to modify the User Code with the number of the page.

    Our second page will display data from the DHT11 temperature and humidity sensor. We have several labels to hold the temperature in Celsius, the temperature in Fahrenheit, and the humidity.

    The bBack button redirects to page0. Testing the Interface in the Simulator You can test your interface in the simulator. For that, you need to click on the debug button at the main menu. In that window you can click on the buttons and see what happens. You should be able to swap between pages by clicking the corresponding buttons. You should also see the data returned when you click each button as highlighted in red in the figure above.

    Compiling and Uploading code to the Nextion Display To upload your project to the Next display, follow the next steps: 1. Click the Compile button in the main menu; 2. Insert the microSD card on your computer; 3.

    Copy the. Insert the microSD card on the Nextion display and plug power. You should see a message on the display saying the code is being uploaded. A new window opens and you have to select your display. First you select the series: Basic, Enhanced or Intelligent and then the size of the display.

    Hint: On the site of the package where the display was in, you find the corresponding number like: NXT in my case. Then you can select the display direction: vertical or horizontal and confirm all setting by pressing the OK button.

    After we create the project you have to know the basic functions of the Nextion Editor. From the picture above you see that there are 8 planes that are described in the following section: Main Menu: In the Main Menu you find standard options and settings. For example you can open, save and close projects, find the general settings and look for updates.

    In the tools category you can add new fonts with the font generator.

    Nextion Display with Arduino – Getting Started

    In the generator you can choose from different fonts and select the height. It is useful to create more than one font for your project. Toolbar: In the Toolbar you can also open, save or create a new project. In the second line there are multiple functions to align the components of the toolbox. Also you find other functions that we will use: Compile: Before you transfer the project to the display you have to compile the current code. Debug: The debug window is a good option to check how to display will look like.

    Also you can check implementations that are programmed directly on the display.

    Arduino Nextion Display Tutorial

    Toolbox: In the toolbox are all components that you can add to your project. By clicking on a component it is added to the design plane.

    There are some advanced components that are only available for the intelligent series. The following picture shows what components are available for the different series of displays.

    Resource Plane: In the resource plane you add pictures, fonts as well as video and audio data that is included in the program files.

    Event Code: In this section you can define program code that is executed when a component is used. For example you can define what should happen when a button is pressed and what should happen when this button is released.

    Toolbox Plane: In the toolbox plane you define the attributes of the selected component.


    thoughts on “Nextion gauge example

    Leave a Reply

    Your email address will not be published. Required fields are marked *