如何在UWP中設置動畫線條

Question

我正試圖在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相當於碼以上。

在此先感謝。

Answer 1

試試這個

<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"，但動畫將自動啓動。