Change with Padding or Margin

How-to Discussions
1

Hello,

I am trying to change Padding or Margin of a Panel with animation. While testing, I noticed that if I use Change it is not working but with Set it is working. Is it a way to change padding or margin with animation ?

Here is my code:

<Panel ux:Class="Picture" Background="#0f0" Margin="1">
    <Panel ux:Name="imgContainer">
        <Image ux:Name="picturimg" File="R0001954.jpg"></Image>
    </Panel>
    <Clicked>
        <!-- WORKING -->
        <Set imgContainer.Margin="10" />
        <!-- NOT WORKING -->
        <Change imgContainer.Margin="10" />
    </Clicked>

</Panel>
2

Hi, You have to use WhileTrue to do this.

<ClientPanel Background="Gray">
        <StackPanel>
            <Panel ux:Name="imgContainer">
                    <Image ux:Name="picturimg" File="Your Image Here"/>
            </Panel>
            <Clicked>
                    <Set ImageChange.Value="true" />
            </Clicked>
            <WhileTrue ux:Name="ImageChange">
                <Change imgContainer.Margin="50" Easing="ExponentialIn" Duration="0.5"/>
            </WhileTrue>
        </StackPanel>
  </ClientPanel>
3

Thanks ! Working great !