0

Textblock当边界Text发生变化时，我有一个动画：

<EventTrigger RoutedEvent="Binding.TargetUpdated">
    <BeginStoryboard>
        <Storyboard>
            <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:0" To="0.0"/>
            <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:1" From="0.0" To="1.0" BeginTime="0:0:0"/>
        </Storyboard>
    </BeginStoryboard>
</EventTrigger>

目前，整体Textblock正在淡入淡出，但我希望淡入淡出从左到右。这可能吗？

编辑

我用下面的评论解决了我的问题。这是我的解决方案：

<Style x:Key="FadeLeftRightLabel" TargetType="Label">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Label">
                <ContentPresenter>
                    <ContentPresenter.OpacityMask>
                        <LinearGradientBrush StartPoint="0.0,0.5" EndPoint="1.0,0.5">
                            <LinearGradientBrush.GradientStops>
                                <GradientStop x:Name="GradientStop1" Offset="0" Color="Black"/>
                                <GradientStop x:Name="GradientStop2" Offset="0" Color="Transparent"/>
                            </LinearGradientBrush.GradientStops>
                        </LinearGradientBrush>
                    </ContentPresenter.OpacityMask>
                </ContentPresenter>
                <ControlTemplate.Triggers>
                    <EventTrigger RoutedEvent="Binding.TargetUpdated">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="GradientStop1" Storyboard.TargetProperty="Offset" Duration="0:0:1" From="0.0" To="1.0" BeginTime="0:0:0"/>
                                <DoubleAnimation Storyboard.TargetName="GradientStop2" Storyboard.TargetProperty="Offset" Duration="0:0:1" From="0.0" To="1.0" BeginTime="0:0:0"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>                
</Style>
4

2 回答 2

3

您将要使用由线性渐变画笔制成的“不透明蒙版”，该画笔在开始/结束颜色中使用 alpha。

http://msdn.microsoft.com/en-us/library/ms743320(v=vs.110).aspx#creatingopacitymaskswithgradients

然后为渐变停止点设置动画

http://msdn.microsoft.com/en-us/library/ms748815(v=vs.110).aspx

于 2014-06-24T16:20:10.133 回答
0

试试这个，有这样的资源，

  <Window.Resources>
        <Storyboard x:Key="Storyboard1" >
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="txttest">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:3" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>

文本块：

 <Grid x:Name="LayoutRoot" Background="White" Margin="0,0,0,-45">     
       <TextBlock Text="this is to test" FontSize="45" x:Name="txttest" Background="Black" Foreground="White" Margin="0,175,0,114"/>
 </Grid>

在您的构造函数中，

  var anim = this.Resources["Storyboard1"] as Storyboard;
  if (anim  != null) anim .Begin();
于 2014-06-24T15:47:31.483 回答