Question

我的目标是做一个TextBlock的简单动画（es fadeIn，fadeOut）。我该怎么做？我搜索了一些解释，但我发现它们非常复杂，谈论场景，ecc。我会知道它是否可以更简单，或者是否有人可以给我一个简单的解释程序。

提前致谢。

Answer 1

此代码应该让您知道如何操作（如果对您来说太慢，持续时间可能会缩短）这是Xaml：

<Grid Grid.Row="1">
    <Grid.Resources>
        <Storyboard x:Name="FadeOutStoryboard">
            <!-- This animation will animate the value of the Canvas.Left property of the rectangle Scenario1Rectangle to 300. -->
            <DoubleAnimation 
        Storyboard.TargetName="txtToFade" 
        Storyboard.TargetProperty="Opacity" 
        Duration="0:0:1" 
        To="0" 
        />
        </Storyboard>
        <Storyboard x:Name="FadeInStoryboard">
            <!-- This animation will animate the value of the Canvas.Left property of the rectangle Scenario1Rectangle to 300. -->
            <DoubleAnimation 
        Storyboard.TargetName="txtToFade" 
        Storyboard.TargetProperty="Opacity" 
        Duration="0:0:1" 
        To="1" 
        />
        </Storyboard>
    </Grid.Resources>
    <StackPanel>
        <TextBox Name="txtToFade"></TextBox>
    </StackPanel>
</Grid>

在这背后的代码中，你是如何执行故事板的： -

 FadeOutStoryboard->Begin();

或

 FadeInStoryboard->Begin();

您可以使用VisualStateManager根据事件（例如鼠标悬停等）控制动画。

Answer 2

您是否在此位置尝试过动画示例？

http://code.msdn.microsoft.com/windowsapps/Animations-f758de70

TextBlock和Grid控件的简单动画

2 个答案: