Question

我在storyboard文件中设置了以下xaml

<Window.Resources>

    <Storyboard x:Key="Storyboard1" >
        <DoubleAnimationUsingPath 
            Duration="0:0:3"  
            Source="X" 

            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" 
            >
            <DoubleAnimationUsingPath.PathGeometry>
                <PathGeometry Figures="M1.5,-18.667014 L8.1669813,-54.00002 L31.833186,-94.666719 L60.166999,-116.33299"/>
            </DoubleAnimationUsingPath.PathGeometry>

        </DoubleAnimationUsingPath>
        <DoubleAnimationUsingPath 
            Duration="0:0:3"   
            Source="Y"

            Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" 
            >

            <DoubleAnimationUsingPath.PathGeometry>
                <PathGeometry Figures="M1.5,-18.667014 L8.1669813,-54.00002 L31.833186,-94.666719 L60.166999,-116.33299"/>
            </DoubleAnimationUsingPath.PathGeometry>

        </DoubleAnimationUsingPath>
    </Storyboard>
</Window.Resources>

在同一个xaml文件中，我有一个Rectangle用作在路径上移动的对象。

      <Rectangle x:Name="ObjectToMove" Height="31" Canvas.Left="-316.5" Stroke="Black" Canvas.Top="431.5" Width="42" Fill="#FFDA6C11" RenderTransformOrigin="0.5,0.5">

            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>

在代码中我这样做。

 var sub1 = FindResource("Storyboard1") as Storyboard;
 sub1.Begin(ObjectToMove);

到目前为止，工作正常。

问题

我希望能够进行更动态的设置，并使用ObjectToMove从代码中应用它，而不是在xaml中进行UserControl静态设置。所以我设置了UserControl。

而不是这个 sub1.Begin(ObjectToMove)

我做了这个

sub1.Begin(new Tray());

一旦我点击动画按钮，我就

＆＃39; [未知]＆＃39; property不指向路径中的DependencyObject（0）。（1）[3]。（2）＆＃39;。

我做错了什么？任何帮助，将不胜感激！

谢谢！

更新＃1 - 基于评论

我有这样的tray.xaml。但不确定。

<UserControl x:Class="Test.Tray"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

         >
<Grid x:Name="LayoutRoot" Height="58" Width="50">
    <!--<Rectangle Fill="#FFD4CEC8" HorizontalAlignment="Left" Height="58" Stroke="White" VerticalAlignment="Top" Width="50"/>-->

    <Rectangle x:Name="ObjectToMove" Height="31" Canvas.Left="-316.5" Stroke="Black" Canvas.Top="431.5" Width="42" Fill="Aqua" RenderTransformOrigin="0.5,0.5" Margin="0,0,8,27">

        <Rectangle.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform/>
                <TranslateTransform/>
            </TransformGroup>
        </Rectangle.RenderTransform>
    </Rectangle>

</Grid>

更新＃2 - 根据给出的答案

目标是设置几个故事板（比如7个故事板），但必须能够动态地将对象应用于这些故事板。因此，我必须控制每个故事板，并能够使用在代码中执行此操作的对象来提供这些故事板。

示例

首先动画开始时，一个对象（让它称之为对象＃1）在路径上移动。当对象＃1在他的动画中只有几秒钟时，我必须能够推送/提供另一个对象（让这个对象＃2调用）到同一个故事板。所以现在我们在故事板上有2个对象可见，一个接一个地在路径上移动。就像一条传送带。这两个对象之间存在时间差（我会照顾这个，不要担心这个）。

注意：我将在故事板中使用completed方法，一旦第一个故事板完成就会触发。这样做我应该有类似序列的动画，并加上对storyboads和对象的控制。

希望上面的例子有道理。

Answer 1

对不起老兄，最近一直非常忙碌...但是让我们快点排序，因为它是星期五，我们在不久的将来都应该喝啤酒。：）

所以...你想让你的故事板变得通用，这样你就不必继续定位特定的命名对象吗？那么，让我们通过打开整个TargetType来接受我们的出价并让这些小虫子表现出来。

从我给出的最后一个例子开始，我将重新使用相同的路径数据等。除非注意到我们从唯一的对象中获取了所有显式渲染声明，而是使它们含蓄。通过这种方式，它并不关心Rectangle它正在发生什么......如果它是Rectangle那么它会被移动，因为我们已经感动了把所有这些都转移到一个不可知的风格，控制TargetType而不是TargetName这样;

<Canvas x:Name="Main" Height="1025" Width="1025">
  <Canvas.Resources>

    <Style TargetType="{x:Type Rectangle}">
      <Style.Resources>
        <!-- All your base are belong to us. -->
        <Storyboard x:Key="Weeeee" RepeatBehavior="Forever">
          <DoubleAnimationUsingPath Duration="0:0:3" Source="X" 
                                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
            <DoubleAnimationUsingPath.PathGeometry>
              <PathGeometry Figures="M0.83299852,-4.019 L0.83299852,0.6089829 L0.61794496,0.94214186 C-7.6701996,14.489389 -12.443,30.392629 -12.443001,47.403001 C-12.443,96.887715 27.948303,137.003 77.773499,137.003 C113.58536,137.003 144.52365,116.27938 159.09367,86.248303 L159.90265,84.471135 L380.931,84.471135 L380.931,86.871121 L160.63918,86.871121 L160.4838,87.217053 C145.62575,118.25356 114.07582,139.671 77.556,139.671 C26.745804,139.671 -14.444,98.212666 -14.444,47.071218 C-14.444,29.491346 -9.5768454,13.055669 -1.124851,-0.94513857 z"/>
            </DoubleAnimationUsingPath.PathGeometry>
          </DoubleAnimationUsingPath>
          <DoubleAnimationUsingPath Duration="0:0:3" Source="Y" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
            <DoubleAnimationUsingPath.PathGeometry>
              <PathGeometry Figures="M0.83299852,-4.019 L0.83299852,0.6089829 L0.61794496,0.94214186 C-7.6701996,14.489389 -12.443,30.392629 -12.443001,47.403001 C-12.443,96.887715 27.948303,137.003 77.773499,137.003 C113.58536,137.003 144.52365,116.27938 159.09367,86.248303 L159.90265,84.471135 L380.931,84.471135 L380.931,86.871121 L160.63918,86.871121 L160.4838,87.217053 C145.62575,118.25356 114.07582,139.671 77.556,139.671 C26.745804,139.671 -14.444,98.212666 -14.444,47.071218 C-14.444,29.491346 -9.5768454,13.055669 -1.124851,-0.94513857 z"/>
            </DoubleAnimationUsingPath.PathGeometry>
          </DoubleAnimationUsingPath>
        </Storyboard>
      </Style.Resources>

      <!-- Because we don't really care what the parent is or where it lives anyway do we? -->
      <Style.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
          <BeginStoryboard Storyboard="{StaticResource Weeeee}"/>
        </EventTrigger>
      </Style.Triggers>

      <!-- Whaaaa? We can do this?? Hell yes we can... -->
      <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>
      <Setter Property="Rectangle.RenderTransform">
        <Setter.Value>
          <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
          </TransformGroup>
        </Setter.Value>
      </Setter>

   </Style>

  </Canvas.Resources>

  <Canvas.RenderTransform>
    <MatrixTransform Matrix="1.25 0 0 -1.25 -197.1231 961.58875"/>
  </Canvas.RenderTransform>

  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path139746" Fill="#FFD3BC5F" Canvas.Left="399.4" Canvas.Top="-172.6">
    <Path.Data>
      <PathGeometry Figures="m 66.611178 552.33853 c -4.36996 0.6305 -8.8334 0.97293 -13.3752 0.97293 -18.11465 0 -35.027 -5.21161 -49.34949 -14.18974 l 21.64732 -36.67733 c 8.2963 5.25686 18.12667 8.31294 28.67512 8.31294 2.7121 0 5.37755 -0.20365 7.98106 -0.59283 l 2.23539 -0.38916 c 4.72288 -0.91109 9.2226 -2.43913 13.41755 -4.49964 l 35.933612 77.65818 c -12.53504 5.94167 -26.095762 10.06571 -40.347392 12.0342 0 0 -2.27764 -21.55688 -4.54327 -42.98252 l -2.2747 0.35297 z" FillRule="nonzero"/>
    </Path.Data>
  </Path>
  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Fill="#FFD3BC5F" Canvas.Left="401" Canvas.Top="-173" >
    <Path.Data>
      <PathGeometry x:Name="path139750" Figures="m -21.311892 515.98804 c -11.7053 -15.57594 -18.6547 -34.92004 -18.6622 -55.85694 l 35.53987 0 5.06525 -0.024 c 0.63507 11.4535 4.86922 21.94 11.58023 30.3706 l 1.44647 1.7423 c 2.94008 3.3894 6.29329 6.4077 9.98888 8.9736 l -43.53754 73.76488 c -13.18956 -8.30539 -24.88746 -18.76176 -34.60186 -30.87743 0 0 17.3968 -13.23944 34.61076 -26.3386 l -1.42986 -1.75428 z" FillRule="nonzero"/>
    </Path.Data>
  </Path>
  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path139780" Fill="#FFD3BC5F" Canvas.Left="401.4" Canvas.Top="-167.6">
    <Path.Data>
      <PathGeometry Figures="m 214.75854 460.1016 94.92962 0 0 69.86866 -94.92962 0 0 -69.86866 z" FillRule="nonzero"/>
    </Path.Data>
  </Path>
  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path139784" Fill="#FFD3BC5F" Canvas.Left="401.4" Canvas.Top="-167.6">
    <Path.Data>
      <PathGeometry Figures="m 211.64803 529.825 -36.87191 0 -62.32503 -69.72236 100.95576 0 0 69.74499 -1.75882 -0.0226 z" FillRule="nonzero"/>
    </Path.Data>
  </Path>
  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  Fill="#FFD3BC5F" Canvas.Top="-173" Canvas.Left="401">
    <Path.Data>
      <PathGeometry x:Name="path139798" Figures="m -41.482092 460.131 -43.5377 0 c 0.6744 30.93022 11.4414 59.36853 29.1278 82.17137 l 33.3799 -25.40184 c -11.9001 -15.82789 -18.9641 -35.4887 -18.97 -56.76953" FillRule="nonzero"/>
    </Path.Data>
  </Path>
  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path139802" Fill="#FFD3BC5F" Canvas.Left="399.4" Canvas.Top="-172.6">
    <Path.Data>
      <PathGeometry Figures="m 139.82292 494.54117 c -13.01467 -14.5593 -25.97803 -29.06131 -30.40076 -34.00892 0 0 -2.72123 28.49563 -29.566602 43.70507 l 17.54746 37.92328 c 19.158502 -10.35383 34.278952 -27.22704 42.419902 -47.61943" FillRule="nonzero"/>
    </Path.Data>
  </Path>
  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path139806" Fill="#FFD3BC5F" Canvas.Left="399.4" Canvas.Top="-172.6">
    <Path.Data>
      <PathGeometry Figures="m 98.037008 543.53024 17.776782 38.41802 c 23.1211 -11.42479 42.62202 -29.06882 56.29587 -50.76297 l 0.18403 -0.31676 c 0 0 -15.53072 -17.37553 -31.34655 -35.06934 -8.34762 20.43762 -23.62341 37.33197 -42.910132 47.73105" FillRule="nonzero"/>
    </Path.Data>
  </Path>
  <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path139810" Fill="#FFD3BC5F" Canvas.Left="399.4" Canvas.Top="-172.6">
    <Path.Data>
      <PathGeometry Figures="m 53.235488 554.82033 c -18.39362 0 -35.56859 -5.28853 -50.11595 -14.3994 l -21.08756 35.73002 c 21.04842 12.78086 45.75185 20.14348 72.17809 20.14348 5.74697 0 11.40815 -0.36201 16.97265 -1.03931 l -4.37747 -41.4213 c -4.43321 0.63805 -8.96144 0.98651 -13.56976 0.98651" FillRule="nonzero"/>
    </Path.Data>
  </Path>

  <!-- Trajectory -->
  <Path Data="M16.276999,1 L16.276999,5.627983 16.061945,5.9611419 C7.7738004,19.508389 3.0009999,35.41163 3.000999,52.422002 3.0009999,101.90672 43.392303,142.022 93.217499,142.022 129.02936,142.022 159.96765,121.29839 174.53767,91.267304 L175.34665,89.490136 396.375,89.490136 396.375,91.890122 176.08318,91.890122 175.9278,92.236054 C161.06975,123.27256 129.51982,144.69 93,144.69 42.189804,144.69 1,103.23167 1,52.090218 1,34.510346 5.8671546,18.07467 14.319149,4.0738615 z" Fill="#7F000000" Height="145.69" Canvas.Left="360.056" Stretch="Fill" Stroke="Red" StrokeThickness="2" Canvas.Top="236.648" Width="397.375"/>

  <!-- Because I like to move it, move it ~~ Add as many as you like, however you like, from wherever you like. -->
  <Rectangle Fill="LightBlue" Height="36" Stroke="Black" Width="41" Canvas.Left="355" Canvas.Top="223.667"/>

</Canvas>

你会注意到我从上一个例子中留下了大部分内容......现在，它并不关心有多少Rectangle个对象。或者他们何时或如何添加。当一个人出现时，我们会像老板一样移动它。

希望这有助于并度过一个愉快的周末，欢呼！：）

哦和PS，在每个路径上都有xmlns命名空间是不必要的。如果你想稍微清理你的东西，你可以通过更改每个实例来完成相同的事情;

<Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path139746" Fill="#FFD3BC5F" Canvas.Left="399.4" Canvas.Top="-172.6">
  <Path.Data>
    <PathGeometry Figures="m 66.611178 552.33853 ... z" FillRule="nonzero"/>
  </Path.Data>
</Path>

到此;

<Path Name="path139746" Fill="#FFD3BC5F" Canvas.Left="399.4" Canvas.Top="-172.6" Data="m 66.611178 552.33853 ..... z"/>

......除非有一些具体的理由让这一切都很长？

另一个提示是，如果你不需要变换组，只需点击特定的变换，如翻译。

<强>附录：

假设您想使用Style + Elsewhere。它现在构建的方式仅仅是为了快速模块化的例子。但是，您可以将所有内容放入资源字典中并将其放在x:Key中以供参考。因此，如果你把它扔在Resource dict中，那么第一行就会变成类似的东西;

<Style x:Key="NiftyRectangleAnim" TargetType="{x:Type Rectangle}">

所以现在你可以将它放在一个位置，比如你想将它应用于用户控件上的所有Rectangle实例。那么你只需添加这样的东西;

<UserControl.Resources>
   <Style TargetType="{x:Type Rectangle}" BasedOn="{StaticResource NiftyRectangleAnim}"/>
</UserControl.Resources>

然后，在UserControl上可用的所有矩形将继承该样式和动画。

或者说你只想使用故事板，然后你将它从风格中拉出来，并将它放在某些其他地方的资源中，以便在层次结构中引用它们。就像（伪）你可以把这个位扔到需要继承的地方;

<Blah.Resources>
   <Storyboard x:Key="Weeeee"............./>
</Blah.Resources>

并使用您使用的Storyboard.Begin方式。您仍然会将样式的其余部分应用于Rectangle对象（不包含Style.Triggers），因此它们都将获得必要的Transform声明，但Storyboard不一定必须包含在Style模板中。

希望更有意义，这是一个有点困难的概念，如此冗长地解释，但不是你不一定要在Style.Resources中有故事板，我只是这样做，所以你可以复制/将整个东西粘贴在一个窗口中并看到它。您需要对使用资源/继承层次结构以及您尝试以任何方式进行操作的方式有一定的经验。

Answer 2

由于您的故事板动画没有目标，因此它会尝试为根对象上的TranslateTransform.Y设置动画，但它没有设置RenderTransform属性。为了在新的Tray对象上运行storyboard，您需要对其进行编码：

sub1.Begin(new Tray().ObjectToMove);

这将在新托盘中的ObjectToMove对象上运行storyboad，而不是在托盘本身上运行。

将动态对象应用于故事板

2 个答案: