Windows Phone幻灯片动画

时间:2014-12-05 12:56:33

标签: xaml windows-phone-7 animation windows-phone-8 storyboard

我需要为水平堆栈面板内的按钮设置动画,以便滑入屏幕中心。

<Grid Grid.Row="1" Grid.ColumnSpan="3">
        <ScrollViewer VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Hidden">
            <StackPanel Orientation="Horizontal">

                <Button Name="Button1" Content="Button 1" />
                <Button Name="Button2" Content="Button 2" />
                <Button Name="Button3" Content="Button 3" />
            </StackPanel>
        </ScrollViewer>
    </Grid>

我知道我需要使用故事板进行动画制作。我没有经常使用故事板,因此我对它并不擅长。

我需要使用类似以下的内容 -

<Button.RenderTransform>
        <TranslateTransform x:Name="translateTransform" X="500" />
</Button.RenderTransform>

然后将一些故事板动画应用到它。

但故事板动画代码会是什么样的?

<DoubleAnimation Storyboard.TargetName="translateTransform"
                 Storyboard.TargetProperty="X"
                 From="500" To="0" Duration="0:0:1"/>

上面的代码会将一个按钮从一个位置滑动到另一个位置。

但我需要一个更通用的解决方案,它适用于堆叠面板内的所有按钮/控件,以便所有按钮滑动到屏幕中心。

非常感谢所有帮助!

0 个答案:

没有答案