Рисование линии с использованием раскадровки анимации windows phone

Question

У меня есть строка в приложении для работы с Windows-телефоном.

<Line x:Name="Line1" Height="178" Width="166" Stretch="Fill" StrokeDashArray="4,4" StrokeThickness="1" Stroke="Black" X1="100" Y1="150" X2="105" Y2="108" RenderTransformOrigin="0.5,0.5"> 

Я хочу, чтобы оживить эту линию так, чтобы его длина начнется увеличение от (X1, Y1) и увеличится до (X2, Y2), чтобы иметь линии эффект рисования ,

PS: Я использую Линия Не путь.

Вот что я сделал:

<DoubleAnimationUsingKeyFrames Storyboard.TargetName="Line1" Storyboard.TargetProperty="X2" EnableDependentAnimation="True"> 
          <EasingDoubleKeyFrame KeyTime="0:0:1" Value="101" /> 
          <EasingDoubleKeyFrame KeyTime="0:0:2.5" Value="102" /> 
          <EasingDoubleKeyFrame KeyTime="0:0:4" Value="103" /> 
          <EasingDoubleKeyFrame KeyTime="0:0:5" Value="104" /> 
          <EasingDoubleKeyFrame KeyTime="0:0:8" Value="105" /> 
         </DoubleAnimationUsingKeyFrames> 
         <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Line1" Storyboard.TargetProperty="Y2" EnableDependentAnimation="True"> 
          <EasingDoubleKeyFrame KeyTime="0:0:1" Value="120" /> 
          <EasingDoubleKeyFrame KeyTime="0:0:4" Value="110" /> 
          <EasingDoubleKeyFrame KeyTime="0:1:0" Value="108" /> 
         </DoubleAnimationUsingKeyFrames> 

Также Пытались ScaleTransform но не соответствует моим ожиданиям.

Любое решение этого будет действительно оценено.

Answer 1

Я хотел бы поставить RectangleGeometryClip область на Line, применить Transform к геометрии, установить вращение на преобразование, чтобы соответствовать ориентации линии, то Rect от геометрии, чтобы соответствовать линии длина/толщина и анимировать шкала Transform от 0 до 1.

Должна быть создана линия, которая не перемещается во время ее рисования и плавной анимации.