WPF中转换与关键帧动画及报错：WPF动画找不到依赖属性：属性未指向路径“(0).(1)[3].(2)”中的 DependencyObject

WPF中的转换有：

//    在二维 x-y 坐标系内围绕指定点按顺时针方向旋转对象。

<RotateTransform />

//    在二维 x-y 坐标系中平移（移动）对象。

<TranslateTransform />

//    在 2-D x-y 坐标系统内缩放对象。

<ScaleTransform />

//    表示 2-D 倾斜。

<SkewTransform />

将转换与关键帧动画共用：

<Button

            x:Name="Button01"

            Grid.Row="1"

            Grid.Column="2"

            Width="100"

            Content="Click Me"

            RenderTransformOrigin="0,0">

            <Button.RenderTransform>

                <TransformGroup>

                    <RotateTransform />

                    <TranslateTransform />

                    <ScaleTransform />

                    <SkewTransform />

                </TransformGroup>

            </Button.RenderTransform>

            <Button.Triggers>

                <EventTrigger RoutedEvent="MouseEnter">

                    <EventTrigger.Actions>

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimationUsingKeyFrames

                                    AutoReverse="False"

                                    BeginTime="0:0:0.0"

                                    Storyboard.TargetName="Button01"

                                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(ScaleTransform.ScaleX)">

                                    <EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="1" />

                                    <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0.5" />

                                </DoubleAnimationUsingKeyFrames>

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger.Actions>

                </EventTrigger>

                <EventTrigger RoutedEvent="MouseLeave">

                    <BeginStoryboard>

                        <Storyboard>

                            <DoubleAnimationUsingKeyFrames

                                AutoReverse="False"

                                Storyboard.TargetName="Button01"

                                Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(ScaleTransform.ScaleX)">

                                <EasingDoubleKeyFrame KeyTime="0:0:0" Value="0.5" />

                                <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="1" />

                            </DoubleAnimationUsingKeyFrames>

                        </Storyboard>

                    </BeginStoryboard>

                </EventTrigger>

            </Button.Triggers>

        </Button>

如果xaml中，去掉以下代码：

<Button.RenderTransform>

    <TransformGroup>

        <RotateTransform />

        <TranslateTransform />

        <ScaleTransform />

        <SkewTransform />

    </TransformGroup>

</Button.RenderTransform>

代码可以编译成功，运行便会报错，错误信息如下：

代码中的：TransformGroup是一个类，该类中封装着一个属性Children，Children是一个TransformCollection类型，就是一个集合，该集合中的元素，如下：

TransformCollection[0] = RotateTransform实例

TransformCollection[1] = TranslateTransform

TransformCollection[2] = ScaleTransform

TransformCollection[3] = SkewTransform

所以，关键帧动画中的TargetProperty属性值，取集合中的第三个：Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(ScaleTransform.ScaleX)"

本例中，只用到ScaleTransform缩放功能，也可以写成下面样式

            <Button.RenderTransform>

                <TransformGroup>

                    <ScaleTransform />

                </TransformGroup>

            </Button.RenderTransform>

Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"

巴特西

WPF中转换与关键帧动画及报错：WPF动画找不到依赖属性：属性未指向路径“(0).(1)[3].(2)”中的 DependencyObject

最新文章

热门文章