Question

我在wpf C＃中学习故事板。我在故事板上引用了msdn文档。为了理解，我创建了一个只旋转椭圆的简单应用程序。

这是我的代码..

<Ellipse  Name="myEllipse" Width="200" Height="200" Margin="266,42,51,78" 
          RenderTransformOrigin="0.5,0.5"  >
    <Ellipse.RenderTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform Angle="0"/>
            <TranslateTransform/>
        </TransformGroup>
    </Ellipse.RenderTransform>
    <Ellipse.Fill>
        <ImageBrush ImageSource="circle.gif"></ImageBrush>
    </Ellipse.Fill>
</Ellipse>
// Button to animate the ellipse
<Button Width="60" Height="20" Margin="0,250,0,0" Content="Start">
    <Button.Triggers>
        <EventTrigger RoutedEvent="Button.Click">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="myEllipse"
                                     Storyboard.TargetProperty="Angle"
                                     From="0" To="360"
                                     AutoReverse="True" 
                                     RepeatBehavior="Forever"> 
                    </DoubleAnimation>        
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Button.Triggers>
</Button>

我想将椭圆的椭圆旋转变换角度设置为双动画目标属性。由于角度不是椭圆的属性，它会抛出异常。然后我搜索了SO并发现了类似的问题并设置 targetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)"

但这也行不通。如何将角度设置为targetproperty？

提前致谢..

Answer 1

为了制作

Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)"

或只是

Storyboard.TargetProperty="RenderTransform.Angle"

工作，您必须将RenderTransform属性从TransformGroup更改为RotateTransform：

<Ellipse.RenderTransform>
    <RotateTransform Angle="0"/>
</Ellipse.RenderTransform>

如果您需要保留TransformGroup，您必须写

Storyboard.TargetProperty="RenderTransform.Children[2].Angle"

如何在Storyboard中为ellipse设置Targetproperty？

1 个答案: