wpf - 如何在动画之间更改 TextBlock 的 Text 属性？

Question

我的 WPF 应用程序具有以下几行动画：

一个。将 TextBlock 从 000 旋转到 090
。将 TextBlock 的 Text 属性更新为新值
c。继续将 TextBlock 从 090 旋转到 180。

通过将两个 DoubleAnimation 添加到 StoryBoard 的子项中，我能够实现步骤 a 和 c。有没有办法让第一个动画结束做一些工作？

谢谢。

Answer 1

[适用于 .NET Framework 4.5 及更高版本]

您可以使用StringAnimationUsingKeyFrames类来使用 DiscreteStringKeyFrame 修改文本。下面是一个例子。

<Button Name="myAnimatedButton" Margin="200"
      FontSize="16pt" FontFamily="Verdana">Some Text
      <Button.Triggers>
        <EventTrigger RoutedEvent="Button.Click">
          <BeginStoryboard>
            <Storyboard>
              <StringAnimationUsingKeyFrames 
                Storyboard.TargetName="myAnimatedButton" Storyboard.TargetProperty="(Button.Content)"
                Duration="0:0:8" FillBehavior="HoldEnd">

                <!-- All the key frames below are DiscreteStringKeyFrames. Discrete key frames create 
                sudden "jumps" between values (no interpolation). Only discrete key frames can be used 
                for String key frame animations. -->
                <DiscreteStringKeyFrame Value="" KeyTime="0:0:0" />
                <DiscreteStringKeyFrame Value="A" KeyTime="0:0:1" />
                <DiscreteStringKeyFrame Value="An" KeyTime="0:0:1.5" />
                <DiscreteStringKeyFrame Value="Ani" KeyTime="0:0:2" />
                <DiscreteStringKeyFrame Value="Anim" KeyTime="0:0:2.5" />
                <DiscreteStringKeyFrame Value="Anima" KeyTime="0:0:3" />
                <DiscreteStringKeyFrame Value="Animat" KeyTime="0:0:3.5" />
                <DiscreteStringKeyFrame Value="Animate" KeyTime="0:0:4" />
                <DiscreteStringKeyFrame Value="Animated" KeyTime="0:0:4.5" />
                <DiscreteStringKeyFrame Value="Animated " KeyTime="0:0:5" />
                <DiscreteStringKeyFrame Value="Animated T" KeyTime="0:0:5.5" />
                <DiscreteStringKeyFrame Value="Animated Te" KeyTime="0:0:6" />
                <DiscreteStringKeyFrame Value="Animated Tex" KeyTime="0:0:6.5" />
                <DiscreteStringKeyFrame Value="Animated Text" KeyTime="0:0:7" />
              </StringAnimationUsingKeyFrames>              
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger> 
      </Button.Triggers>
    </Button>

感谢 .NET 框架中动画集合的最新添加。

Answer 2

您可以添加一个 BooleanAnimationUsingKeyFrames 并使用它来设置值。

http://msdn.microsoft.com/en-us/library/ms745819.aspx

Answer 3

您可以创建两个故事板，一个用于旋转到 90，另一个用于旋转 180。当第一个故事板完成时，更新文本，然后开始下一个故事板。

Storyboard rotateTo90 = new Storyboard();
// Add rotate animation
rotateTo90.Completed += (s,e) => 
    { 
         TextBlock1.Text = "Updated";
         Storyboard rotateTo180 = new Storyboard();
         // Add rotate animation
         rotateTo180.Begin();
    };
rotateTo90.Begin();