Skip to main content
WScot.1
Associate III
August 22, 2022
Question

Screen change transition options.

  • August 22, 2022
  • 2 replies
  • 1276 views

On changing from one screen to another in TouchGFX the transition options are: Slide, Cover, Wipe and Block. Is there a way to do a Fade from one screen to another?

This topic has been closed for replies.

2 replies

Osman SOYKURT
ST Technical Moderator
August 22, 2022

Hello WScot.1,

No there's no premade screen transition for fading. But you can make it with 2 black boxes on which you'll play with visibility and alphas :

I'll start by creating a black box on the foreground of each of the screens. Then, on your 1st screen, put an alpha value of 0. Your second screen needs to have an alpha value of 255 . When your screen change is triggered, just start an animation on the box to change the alpha (startFadeAnimation()) from 0 to 255 for your 1st screen. Then, when your second screen is displayed, you'll see a black screen. Same here, you need to start an animation on your 2nd box to change the alpha from 255 to 0 for your 2st screen.

Notice animation using full screen (fading) may be hard to render so it might be a bit laggy.

/Osman

ST Software Developer | TouchGFX
WScot.1
WScot.1Author
Associate III
August 23, 2022
Great, thanks for your reply. I will try what you suggested. Thanks, Will.