Loading...

You have no items in your shopping cart.

 
 
 
×

Registration

Profile Informations

Login Datas

or login

First name is required!
Last name is required!
First name is not valid!
Last name is not valid!
This is not an email address!
Email address is required!
This email is already registered!
Password is required!
Enter a valid password!
Please enter 6 or more characters!
Please enter 16 or less characters!
Passwords are not same!
Terms and Conditions are required!
Email or Password is wrong!
Captcha is required!
Captcha is wrong!

Nextion Encrypted Password Full Screen Input Project

This post will show users an encrypted password input by full screen keyboard. This project is very time consuming because it needs a lot of components to create.
Download the HMI project file here

What you will need?
1.Nextion display*1
2.Foca*1(Or SD card)
3.USB cable*1
4.Grove cable*1

First of all, we need to create the encrypted password full screen input project in Nextion Editor. My idea is to make the password showed in one interface: by tapping the input box, we can jump to another interface which has a full screen keyboard. Therefore, we should create a project that contains two pages.

The pictures must be prepared ahead of time, users can search on the Internet and deal with them in Photoshop. Adjust the picture size according to your resolution.

Create a new HMI file. Then users can add the pictures inside picture library. Create the desired font and add to font library. Now add two pages. There are multiple components to be added and set, and a lot of coding needed in this project. If users want to check the details, just download the HMI project file above and open it in Nextion Editor.

Users can download the project file either from SD card or with a foca.

Demonstration Video