动画按钮的背景图像?

时间:2013-05-03 03:09:36

标签: c# windows-phone-7 windows-phone-8 expression-blend

维基百科应用程序在wp7中的外观以及按钮移动背景的工作方式让我印象深刻。

我想做类似的事情,关于我怎么做的任何想法?

1 个答案:

答案 0 :(得分:1)

这是一个非常简单的方法:

<Image Source="/Assets/ApplicationIcon.png" VerticalAlignment="Top" Margin="0">
    <Image.Resources>
        <Storyboard x:Name="Shift">
            <DoubleAnimation From="0" To="100" Duration="0:0:2"
                                Storyboard.TargetName="Translation"
                                Storyboard.TargetProperty="TranslateY"
                                AutoReverse="True"
                                RepeatBehavior="Forever"/>
            <DoubleAnimation From="0" To="100" Duration="0:0:5"
                                Storyboard.TargetName="Translation"
                                Storyboard.TargetProperty="TranslateX"
                                AutoReverse="True"
                                RepeatBehavior="Forever"/>
        </Storyboard>
    </Image.Resources>
    <Image.RenderTransform>
        <CompositeTransform x:Name="Translation"/>
    </Image.RenderTransform>
</Image>

使用MainPage.xaml.cs:

public MainPage()
{
    InitializeComponent();

    Shift.Begin();
}