2016-04-13 15 views
1

Ich habe Code, so etwas zu animieren:Ist es möglich 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" /> 

, was ich will, ist die Data-Eigenschaft des Pfades zu animieren. Ich suche das aus den letzten zwei Tagen habe ich keine Lösung gefunden. was ich eigentlich will, ist Pfad Bit für Bit zu zeigen.

Hat jemand eine Idee?

+0

Aktualisieren Sie mich, wenn meine Antwort hilft –

+0

Ich könnte ein ObjectAnimationUsingKeyFrames mit verschiedenen Werten für die Data-Eigenschaft vorstellen. – Clemens

Antwort

7

„was ich will eigentlich Pfad bitweise zeigen“

Sie so etwas wie dies bedeuten Sie?

<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

Offensichtlich die RepeatBehavior für eine einmalige anim und basteln mit Werten entfernen bekommen genau das, was Sie wollen. Prost.

+0

Ja ... lass mich versuchen dann krank zurück zu dir – tabby

+0

Danke, es funktioniert für jede Daten, aber Sie müssen nur StrokeDashArray und Von Wert .... – tabby

+0

@Tabby Ich weiß. Freut mich, dass Sie Spaß hatten zu basteln. :) –