C# 如何在UWP中设置线条动画

C# 如何在UWP中设置线条动画,c#,xaml,uwp,uwp-xaml,C#,Xaml,Uwp,Uwp Xaml,我正在尝试在UWP中设置线条动画。但却无法实现 我使用下面的WPF代码实现了相同的功能 <Line X1="10" X2="10" Y1="10" Y2="10" Stroke="Black" StrokeThickness="3" HorizontalAlignment="Left" VerticalAlignment="Stretch" Margin="100,100,0,0"> <Line.Triggers> <

我正在尝试在UWP中设置线条动画。但却无法实现

我使用下面的WPF代码实现了相同的功能

<Line X1="10" X2="10" Y1="10" Y2="10" Stroke="Black" StrokeThickness="3" HorizontalAlignment="Left" VerticalAlignment="Stretch" Margin="100,100,0,0">    
         <Line.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="X2" To="100" Duration="0:0:2"/>
                        <DoubleAnimation Storyboard.TargetProperty="Y2" To="100" Duration="0:0:2"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Line.Triggers>
    </Line>

有人能告诉我上述的UWP中的等效代码吗

提前谢谢。

试试这个

<Line x:Name="MyLine"
      X1="10"
      X2="10"
      Y1="10"
      Y2="10"
      Stroke="Black"
      StrokeThickness="3"
      HorizontalAlignment="Left"
      VerticalAlignment="Stretch"
      Margin="100,100,0,0">
    <Line.Triggers>
        <EventTrigger>
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="MyLine"
                                     Storyboard.TargetProperty="X2"
                                     EnableDependentAnimation="True"
                                     To="100"
                                     Duration="0:0:2" />
                    <DoubleAnimation Storyboard.TargetName="MyLine"
                                     Storyboard.TargetProperty="Y2"
                                     EnableDependentAnimation="True"
                                     To="100"
                                     Duration="0:0:2" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Line.Triggers>
</Line>


我已命名您的行,设置TargetName并启用EnableDependentAnimation。您还必须删除
RoutedEvent=“Loaded”
,但动画将自动启动。

您应该设置线条名称非常感谢!它工作得很好。很好的回答!!我认为没有理由使用EnableDependentAnimation=“True”。这个动画可以作为一个独立的动画,这意味着它不会在UI线程上运行,从而使动画流畅。我甚至更进一步地说,强迫它依赖是一种不好的做法。@DanyKhalife,除非你移除它,否则它根本不起作用。这是WInRT的一个限制,路径动画只能在UI线程上运行。我已经仔细检查了我所说的,你是对的。当修改形状时,在本例中拉伸一条线,我们不再处于独立动画的范围内。不幸的是,该属性需要手动设置:/@Jessica能否请您将此代码更改为C#in UWP code behind。?