2016-04-13 15 views
1

をアニメーション化することが可能である:私が欲しいものが、それは私がこのようなコードに何か持ってpath.Data

<Path x:Name="arrow" StrokeThickness="3" Stroke="Black" Data="M34,115 C45,106 91,119 105,112 119,105 172,75.004352 188,82.003591" /> 

、パスのDataプロパティをアニメーション化することです。私は最後の2日間からこれを探していますが、解決策が見つかりませんでした。 私が実際に望むのは、ビットごとにパスを表示することです。

誰にもアイデアはありますか?

+0

私の回答が役に立ったら更新してください –

+0

データプロパティの値が異なるObjectAnimationUsingKeyFramesを想像することができます。 – Clemens

答えて

7

「実際に欲しいのはビット単位でパスを表示する」

このようなことを意味しますか?

<Grid VerticalAlignment="Center" HorizontalAlignment="Center" > 
    <Grid.Resources> 
     <Storyboard x:Key="CWTrace"> 
      <!-- To run opposite direction, just swap the 'From' and 'To' values. --> 
      <DoubleAnimation BeginTime="00:00:0.5" RepeatBehavior="Forever" 
         Storyboard.TargetName="arrow" 
         Storyboard.TargetProperty="StrokeDashOffset" 
         Duration="0:0:5" From="100" To="0"/> 
     </Storyboard> 
    </Grid.Resources> 
    <Grid.Triggers> 
     <EventTrigger RoutedEvent="FrameworkElement.Loaded"> 
      <BeginStoryboard Storyboard="{StaticResource CWTrace}"/> 
     </EventTrigger> 
    </Grid.Triggers> 
    <Path x:Name="arrow" 
      StrokeDashOffset="0" StrokeDashArray="100" 
      StrokeThickness="3" Stroke="Black" 
      Data="M34,115 C45,106 91,119 105,112 119,105 172,75.004352 188,82.003591"/> 
</Grid> 

enter image description here

明らかに1時間のアニメーションのためのRepeatBehaviorを削除して、あなたが後にしている正確に何を得るために、値をいじくり回します。乾杯。

+0

はい...私はあなたに戻って病気を試してみましょう – tabby

+0

それはすべてのデータのために働いたが、おかげでStrokeDashArrayと値を調整する必要があります.... – tabby

+0

@タビー私は知っている。うまくいけば楽しかったです。 :) –

関連する問題