Unofficial Nextion/TJC User Forum

Text control with rounded corners?

Setup:
Nextion Editor V1.62.2

Screen: NX1060P101_011


The problem that I am trying to solve is to present my sensor data to the nextion screen in a text control with rounded corners. Is there a way too achieve this without having to create an image? I also don’t plan to use the arduino library.

My very limited knowledge about nextion is making me think that I will need to create a box with rounded corners in a graphic designer, then import that to the nextion as an image and layer a text control over that.

However, i’m not very graphically inclined.

Yep. No way around images. There are tons of graphics out there for UI design; no need to create your own.
Here’re mine btw (MPL2 licensed): Syntherrupter/Syntherrupter_Nextion/Pictures at v4.1.4 · MMMZZZZ/Syntherrupter · GitHub

The resulting UI looks like this:

Together with my Icon Coloring Helper you can change the colors of most of my graphics to anything you like.

Kind regards,
Max

1 Like

Ooops… stupid me overlooked that you have an intelligent series screen. In that case it obviously makes more sense to use transparent pictures (mine aren’t).

Sorry!
Max

1 Like

Thanks. I was browsing GIMP last night and stumbled upon the rectangle select tool option from the toolbar, selected the Rounded corners checkbox and used the paint bucket to fill. Seemed to work.

1 Like

This forum is in no way affiliated with NEXTION®, ITEAD STUDIO®, TJC®, or anyone else really. All product names, logos, and brands are property of their respective owners. All company, product, and service names used in this website are for identification purposes only. Use of these names, logos, and brands does not imply endorsement from the respective rights holder(s).