使用WPF中的ObjectAnimationUsingKeyFrames来控制Control的“Style”属性

时间:2011-02-03 15:39:19

标签: wpf controls styles animated

我正在尝试使用ObjectAnimationUsingKeyFrames为'Style'属性设置动画。当我运行下面的示例时,我只看到空窗口,没有任何例外。

几乎相同的示例适用于Silverlight。在WPF中,如果我直接指定控件的“Style”属性,它也可以工作。有谁知道是否可以在WPF中设置'Style'属性的动画?

非常感谢。

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:this="clr-namespace:WpfApplication1"
    Title="MainWindow" Height="350" Width="525"
    >
<Window.Resources>
    <ResourceDictionary>

        <Style x:Key="TestStyle" TargetType="Control">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Canvas x:Name="Rectangle">
                            <Rectangle Width="200" Height="150" Fill="Red"/>
                        </Canvas>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ResourceDictionary>
</Window.Resources>
<Canvas>
    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Canvas.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Target" Storyboard.TargetProperty="Style" >
                        <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="{StaticResource ResourceKey=TestStyle}" />
                    </ObjectAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Canvas.Triggers>

    <Canvas.Children>
        <ContentControl x:Name="Target"/>
    </Canvas.Children>
</Canvas>

1 个答案:

答案 0 :(得分:1)

ObjectAnimationUsingKeyFrames尝试动画显示从DependencyObject派生的值时,它会首先尝试freeze该对象。如果无法冻结对象,则会抛出异常并且动画不会运行。

如果您要设置自己编写的自定义类型的值的动画,则表明您需要从Freezable派生或从DependencyObject派生。

对于从DependencyObject而非Freezable派生的已存在的属性,您无法为其设置动画(StylePropertyTemplateProperty就是这种情况)。尝试在样式中使用属性设置器:

<Style.Triggers>
  <Trigger Property="IsEnabled" Value="True">
    <Setter Property="Template" Value="{StaticResource TestTemplate}"/>
  </Trigger>
</Style.Triggers>

将所有过渡逻辑构建到样式中,而不是在不同样式之间切换。您可能遇到的一个挑战是目标属性必须是依赖属性,因此您无法使用IsLoaded

我希望你觉得这很有用。

最后一个想法:虽然我自己没有这样做,但可以定义custom animations。您可以编写自己的自定义“ObjectAnimation”,但不限于Freezable或非DependencyObject类。