我有一个工作动画，现在我将它放在 Apps.xaml 中在 application.Resources 下，具有所有必要的绑定(bind)，但它不起作用。我在绑定(bind)过程中遗漏了什么吗？绑定(bind) Storyboard.Targetname 的正确方法是什么？ ？

<Storyboard x:Key="RotateIn">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="button2">
                <EasingDoubleKeyFrame KeyTime="0" Value="-100"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="button2">
                <EasingDoubleKeyFrame KeyTime="0" Value="50"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="button2">
                <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimation Storyboard.TargetName="AnimatedRotateTransform" 
                                                 Storyboard.TargetProperty="Angle" 
                                                 By="10"        
                                                 To="360" 
                                                 Duration="0:0:0.7" 
                                                 FillBehavior="Stop" />
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="textBlock">
                <EasingDoubleKeyFrame KeyTime="0" Value="90"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0"/>
            </DoubleAnimationUsingKeyFrames>

        </Storyboard>

<Button Grid.Column="1" Name="btn2" Width="150" Height="150" Background="gray">
                <StackPanel >
                    <Image Source="{StaticResource img2}" x:Name="button2" RenderTransformOrigin=".5,.5">
                        <Image.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="0" x:Name="AnimatedRotateTransform"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Image.RenderTransform>
                    </Image>
                    <TextBlock x:Name="textBlock" HorizontalAlignment="Center" RenderTransformOrigin="0.5,0.5">
                        <TextBlock.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </TextBlock.RenderTransform>Rotate In</TextBlock>
                </StackPanel>
            </Button>

上面是我为单个控件创建的工作动画。但是，当我试图将它变成可以重复使用的资源时 here , (H.B.) 的回答:

<Application.Resources>
        <ResourceDictionary>
            <Storyboard x:Key="BindingRotate" x:Shared="False">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="{DynamicResource AnimationTarget}">
                    <EasingDoubleKeyFrame KeyTime="0" Value="-100"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="{DynamicResource AnimationTarget}">
                    <EasingDoubleKeyFrame KeyTime="0" Value="50"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="{DynamicResource AnimationTarget}">
                    <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:0.8" Value="1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimation Storyboard.TargetName="{DynamicResource AnimationTarget1}"
                                                 Storyboard.TargetProperty="Angle" 
                                                 By="10"        
                                                 To="360" 
                                                 Duration="0:0:0.7" 
                                                 FillBehavior="Stop" />
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="{DynamicResource AnimationTarget2}">
                    <EasingDoubleKeyFrame KeyTime="0" Value="90"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:0.7" Value="0"/>
                </DoubleAnimationUsingKeyFrames>

            </Storyboard>
        </ResourceDictionary>

    </Application.Resources>

<Button Grid.Column="1" Name="btn2" Width="150" Height="150" Background="gray">
                <StackPanel >
                    <Image Source="{StaticResource img2}" x:Name="button2" RenderTransformOrigin=".5,.5">
                        <Image.Resources>
                            <sys:String x:Key="AnimationTarget">button</sys:String>
                        </Image.Resources>
                        <Image.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="0" x:Name="AnimationTarget1">

                                </RotateTransform>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Image.RenderTransform>
                    </Image>
                    <TextBlock x:Name="textBlock" HorizontalAlignment="Center" RenderTransformOrigin="0.5,0.5" Text="Rotate In">
                        <TextBlock HorizontalAlignment="Center" Text="Expand In">
                            <TextBlock.Resources>
                                <sys:String x:Key="AnimationTarget2">button</sys:String>
                            </TextBlock.Resources>
                        </TextBlock>
                    </TextBlock>
                </StackPanel>
                <Button.Triggers>
                    <EventTrigger RoutedEvent="ButtonBase.MouseEnter">
                        <BeginStoryboard Storyboard="{StaticResource BindingRotate}"/>
                    </EventTrigger>
                </Button.Triggers>
            </Button>

''[Unknown]' property does not point to a DependencyObject in path '(0).(1)[3].(2)'.'

我得到的就是异常。我完全按照答案中的说明进行了操作。由于我找不到相关主题，请让我知道我的绑定(bind)中缺少什么。

另外一个问题，我有什么办法设置

<sys:String x:Key="AnimationTarget1">button</sys:String>

进入 <RotateTransform.Resources> 就像我对其他控件所做的那样？感谢您的时间。我对 WPF 还是很陌生。

最佳答案

定义您在 Storyboard 中引用的资源，即 AnimationTarget、AnimationTarget1 和 AnimationTarget2，在定义了 EventTrigger 的 Button 的 Resources 属性中。这对我有用:

<Button Grid.Column="1" Name="btn2" Width="150" Height="150" Background="gray">
    <Button.Resources>
        <sys:String x:Key="AnimationTarget">button2</sys:String>
        <sys:String x:Key="AnimationTarget1">AnimatedRotateTransform</sys:String>
        <sys:String x:Key="AnimationTarget2">button2</sys:String>
    </Button.Resources>
    <StackPanel >
        <Image Source="{StaticResource img2}" x:Name="button2" RenderTransformOrigin=".5,.5">
            <Image.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform x:Name="AnimatedRotateTransform" Angle="0" />
                    <TranslateTransform/>
                </TransformGroup>
            </Image.RenderTransform>
        </Image>
        <TextBlock x:Name="textBlock" HorizontalAlignment="Center" RenderTransformOrigin="0.5,0.5" Text="Rotate In">
            <TextBlock HorizontalAlignment="Center" Text="Expand In" />
        </TextBlock>
    </StackPanel>
    <Button.Triggers>
        <EventTrigger RoutedEvent="ButtonBase.MouseEnter">
            <BeginStoryboard Storyboard="{StaticResource BindingRotate}"/>
        </EventTrigger>
    </Button.Triggers>
</Button>

关于c# - 将 Storyboards 制作成 WPF 中多个控件可以使用的资源，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57863725/