如何在动画之间更改TextBlock的Text属性?

时间:2012-07-03 14:23:27

标签: wpf silverlight animation

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

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

我可以通过向StoryBoard的Children添加两个DoubleAnimations来实现步骤a和c。有没有办法陷阱第一个动画的结束做一些工作?

感谢。

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:2)

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

您可以使用StringAnimationUsingKeyFrames类使用DiscreteStringKeyFrame修改文本。以下是example

<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框架中动画集合的最新成员。

答案 2 :(得分:1)

您可以创建两个故事板,一个用于旋转到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();