cancel
Showing results for 
Search instead for 
Did you mean: 
WarrenBelz

Slide Show for Power Apps Intro Screen

Making a slide show on your Power Apps Intro Screen

This image show can be used on any screen, but would be good as a company intro when the app is opened.

FadeShow.gif

The example above has three images, but as many as required can be loaded. What is going on is fairly simple. The three images are firstly loaded into the Power Apps Media

UploadMedia.png

Next there are three Timer controls in this one (which are hidden) - one for each image displayed. 

At AppOnStart(or ScreenOnVisible<strongif that suits), initialize the first Timer with a Variable

Set(vTimer,Blank()); 
Set(vTimer,"Start1")

Now the first Timer has the following settings AutoStart:

true

Duration:

4000

(4 seconds, but set to whatever you want) OnTimerEnd: 

Set(vTimer,"Start2")

Starts the second Timer Start: 

vTimer="Start1"

Repeat:

false

Reset: 

false

The other two timers have the same settings except:- Startwhich is the relevant Variable 

Start2 or
Start3

OnTimerEnd, which sets the next Timer Start Variable with the last one looping back to the first.
Duration is 3,000 - the first one is longer allowing for screen opening Image:

Switch(
   vTimer,
   "Start1", 
   Scene1,
   "Start2", 
   Scene2,
   "Start3",
   Scene3
)

Transparency:

Switch(
   vTimer,
   "Start1",
   If(
      Timer1.Value > 2000,
      Timer1.Value / 4000,
      1 - Timer1.Value / 4000
   ),
   "Start2",
   If(
      Timer2.Value > 1500,
      Timer2.Value / 3000,
      1 - Timer2.Value / 3000
   ),
   "Start3",
   If(
      Timer3.Value > 1500,
      Timer3.Value / 3000,
      1 - Timer3.Value / 3000
   )
)

The principle here is that the transparency goes from

 

  • 1 (fully transparent) at time start to 
  • 0 (zero - no transparency) at the "half-way" mark then
  • back to 1 again at the end of the timer
I hope you find this a nice piece of "dressing" for your app.