Unofficial Nextion/TJC User Forum

Splash screen fading in

I was delighted that it’s possible to animate the backlight very smoothly. This can be used to fade in a splash screen when the device first turns on. The result is quite slick.

  1. Make the first page your splash screen. I recommend a full screen image with a corrected aspect ratio but whatever you want.
  2. In preinitialize:
    dim=0
    
  3. In postinitialize:
    for(dim=0;dim<100;dim++) {
      delay=30
    }
    delay=1000
    dp=1
    
1 Like

Oh this is cool as heck. Nice idea @iref!

Great idea.
I’ve just adapted this for a nice graceful fade into screen saver mode down to 5%.

for(dim=100;dim>5;dim–)
{
delay=60
}

(Note: That’s the usual double minus after ‘dim’, but the Forum’s font here makes it look like one long line)

1 Like

@Flatpack2 If you use the preformatted text formatting on code you won’t have the font issue. :slight_smile:


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).