Is it possible to delay an AddingAnimation

How-to Discussions
1

If I have something like this:

<Image File="{image}">
	<Scaling ux:Name="scaling" Factor="1"/>
	<AddingAnimation>
		<Change scaling.Factor="0"/>
	</AddingAnimation>
</Image>

Is it possible to delay the AddingAnimation so that the scale remains at 0 for, say, 2 seconds then scales to factor 1. Sort of like this:

<Image File="{image}">
	<Scaling ux:Name="scaling" Factor="1"/>
	<AddingAnimation>
		<Change scaling.Factor="0" Delay="2"/>
	</AddingAnimation>
</Image>

Thanks

2

Yes, it’s totally doable! And quite easily, in fact:

<App>
	<Panel ux:Name="thePanel" Width="240" Height="56" Color="#18f" Opacity="1">
		<AddingAnimation>
			<Change thePanel.Opacity="0" Duration="2" DelayBack="2" />
		</AddingAnimation>
	</Panel>
</App>

Since you’ll certainly be wondering, the docs state: AddingAnimation is by default a backward animation, meaning it will animate from progress 1 back to 0. Which effectively means that you need to add a DelayBack instead of Delay.

3

Ah, thanks! So simple :slight_smile: