Cet article a fait l'objet d'une traduction manuelle. Déplacez votre pointeur sur les phrases de l'article pour voir la version originale de ce texte. |
Traduction
Source
|
PathAnimationSource, énumération
Spécifie la valeur de propriété de sortie du tracé utilisé pour acheminer l'animation.
Assembly : PresentationCore (dans PresentationCore.dll)
| Nom de membre | Description | |
|---|---|---|
| X | Spécifie le décalage de coordonnée x pendant la progression le long d'un tracé de séquence d'animation. | |
| Y | Spécifie le décalage de coordonnée y pendant la progression le long d'un tracé de séquence d'animation. | |
| Angle | Spécifie l'angle de rotation tangent pendant la progression le long d'un tracé de séquence d'animation. |
Une animation de tracé peut se déplacer le long de trois valeurs de propriété de sortie : PathAnimationSource.X, PathAnimationSource.Y et PathAnimationSource.Angle. Lorsque vous spécifiez l'une de ces valeurs, vous indiquez à l'animation d'utiliser la valeur de propriété de sortie du tracé pour acheminer l'animation. Par exemple, si vous animez la propriété qui spécifie la coordonnée x d'un objet (c.-à-d. TranslateTransform.X) à l'aide d'un PathAnimationSource de Y, puis l'animation anime alors la coordonnée x de l'objet à l'aide de la coordonnée y du tracé.
This example shows how to rotate (pivot) an object along a geometric path that is defined by a PathGeometry object.
The following example uses three DoubleAnimationUsingPath objects to move a rectangle along a geometric path.
-
The first DoubleAnimationUsingPath animates a RotateTransform that is applied to the rectangle. The animation generates angle values. It makes the rectangle rotate (pivot) along the contours of the path.
-
The other two objects animate the X and Y values of a TranslateTransform that is applied to the rectangle. They make the rectangle move horizontally and vertically along the path.
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:PresentationOptions="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="PresentationOptions"> <Page.Resources> <!-- This is the geometry creates the animation path. Because this example uses it multiple times, it's declared as a resource and frozen to improve performance. --> <PathGeometry x:Key="AnimationPath" Figures="M 10,100 C 35,0 135,0 160,100 180,190 285,200 310,100" PresentationOptions:Freeze="True" /> </Page.Resources> <Canvas Width="400" Height="400"> <!-- The object to animate. --> <Rectangle Width="30" Height="30" Fill="Blue"> <Rectangle.RenderTransform> <TransformGroup> <RotateTransform x:Name="AnimatedRotateTransform" /> <TranslateTransform x:Name="AnimatedTranslateTransform" /> </TransformGroup> </Rectangle.RenderTransform> <Rectangle.Triggers> <EventTrigger RoutedEvent="Path.Loaded"> <BeginStoryboard> <Storyboard RepeatBehavior="Forever" AutoReverse="True" > <!-- Generates angle values (in degrees) from the path. This animation is used to rotate the rectangle. --> <DoubleAnimationUsingPath Storyboard.TargetName="AnimatedRotateTransform" Storyboard.TargetProperty="Angle" PathGeometry="{StaticResource AnimationPath}" Source="Angle" Duration="0:0:5" /> <!-- Generates horizontal offset values from the path. This animation is used to animate the rectangle horizontally. --> <DoubleAnimationUsingPath Storyboard.TargetName="AnimatedTranslateTransform" Storyboard.TargetProperty="X" PathGeometry="{StaticResource AnimationPath}" Source="X" Duration="0:0:5" /> <!-- Generates vertical offset values from the path. This animation is used to move the rectangle vertically. --> <DoubleAnimationUsingPath Storyboard.TargetName="AnimatedTranslateTransform" Storyboard.TargetProperty="Y" PathGeometry="{StaticResource AnimationPath}" Source="Y" Duration="0:0:5" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Rectangle.Triggers> </Rectangle> </Canvas> </Page>
using System; using System.Windows; using System.Windows.Controls; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Navigation; using System.Windows.Shapes; namespace SDKSample { public class RotateAnimationUsingPathExample : Page { public RotateAnimationUsingPathExample() { // Create a NameScope for the page so that // we can use Storyboards. NameScope.SetNameScope(this, new NameScope()); // Create a rectangle. Rectangle aRectangle = new Rectangle(); aRectangle.Width = 30; aRectangle.Height = 30; aRectangle.Fill = Brushes.Blue; // Create some transforms. These transforms // will be used to move and rotate the rectangle. RotateTransform animatedRotateTransform = new RotateTransform(); TranslateTransform animatedTranslateTransform = new TranslateTransform(); // Register the transforms' names with the page // so that they can be targeted by a Storyboard. this.RegisterName("AnimatedRotateTransform", animatedRotateTransform); this.RegisterName("AnimatedTranslateTransform", animatedTranslateTransform); // Create a TransformGroup to contain the transforms // and apply the TransformGroup to the rectangle. TransformGroup tGroup = new TransformGroup(); tGroup.Children.Add(animatedRotateTransform); tGroup.Children.Add(animatedTranslateTransform); aRectangle.RenderTransform = tGroup; // Create a Canvas to contain the rectangle // and add it to the page. Canvas mainPanel = new Canvas(); mainPanel.Width = 400; mainPanel.Height = 400; mainPanel.Children.Add(aRectangle); this.Content = mainPanel; // Create the animation path. PathGeometry animationPath = new PathGeometry(); PathFigure pFigure = new PathFigure(); pFigure.StartPoint = new Point(10, 100); PolyBezierSegment pBezierSegment = new PolyBezierSegment(); pBezierSegment.Points.Add(new Point(35, 0)); pBezierSegment.Points.Add(new Point(135, 0)); pBezierSegment.Points.Add(new Point(160, 100)); pBezierSegment.Points.Add(new Point(180, 190)); pBezierSegment.Points.Add(new Point(285, 200)); pBezierSegment.Points.Add(new Point(310, 100)); pFigure.Segments.Add(pBezierSegment); animationPath.Figures.Add(pFigure); // Freeze the PathGeometry for performance benefits. animationPath.Freeze(); // Create a DoubleAnimationUsingPath to rotate the // rectangle with the path by animating // its RotateTransform. DoubleAnimationUsingPath angleAnimation = new DoubleAnimationUsingPath(); angleAnimation.PathGeometry = animationPath; angleAnimation.Duration = TimeSpan.FromSeconds(5); // Set the Source property to Angle. This makes // the animation generate angle values from // the path information. angleAnimation.Source = PathAnimationSource.Angle; // Set the animation to target the Angle property // of the RotateTransform named "AnimatedRotateTransform". Storyboard.SetTargetName(angleAnimation, "AnimatedRotateTransform"); Storyboard.SetTargetProperty(angleAnimation, new PropertyPath(RotateTransform.AngleProperty)); // Create a DoubleAnimationUsingPath to move the // rectangle horizontally along the path by animating // its TranslateTransform. DoubleAnimationUsingPath translateXAnimation = new DoubleAnimationUsingPath(); translateXAnimation.PathGeometry = animationPath; translateXAnimation.Duration = TimeSpan.FromSeconds(5); // Set the Source property to X. This makes // the animation generate horizontal offset values from // the path information. translateXAnimation.Source = PathAnimationSource.X; // Set the animation to target the X property // of the TranslateTransform named "AnimatedTranslateTransform". Storyboard.SetTargetName(translateXAnimation, "AnimatedTranslateTransform"); Storyboard.SetTargetProperty(translateXAnimation, new PropertyPath(TranslateTransform.XProperty)); // Create a DoubleAnimationUsingPath to move the // rectangle vertically along the path by animating // its TranslateTransform. DoubleAnimationUsingPath translateYAnimation = new DoubleAnimationUsingPath(); translateYAnimation.PathGeometry = animationPath; translateYAnimation.Duration = TimeSpan.FromSeconds(5); // Set the Source property to Y. This makes // the animation generate vertical offset values from // the path information. translateYAnimation.Source = PathAnimationSource.Y; // Set the animation to target the Y property // of the TranslateTransform named "AnimatedTranslateTransform". Storyboard.SetTargetName(translateYAnimation, "AnimatedTranslateTransform"); Storyboard.SetTargetProperty(translateYAnimation, new PropertyPath(TranslateTransform.YProperty)); // Create a Storyboard to contain and apply the animations. Storyboard pathAnimationStoryboard = new Storyboard(); pathAnimationStoryboard.RepeatBehavior = RepeatBehavior.Forever; pathAnimationStoryboard.AutoReverse = true; pathAnimationStoryboard.Children.Add(angleAnimation); pathAnimationStoryboard.Children.Add(translateXAnimation); pathAnimationStoryboard.Children.Add(translateYAnimation); // Start the animations when the rectangle is loaded. aRectangle.Loaded += delegate(object sender, RoutedEventArgs e) { // Start the storyboard. pathAnimationStoryboard.Begin(this); }; } } }
Another way to rotate an object by using a geometric path is to use a MatrixAnimationUsingPath object and set its DoesRotateWithTangent property to true. For more information and an example, see Comment : faire pivoter un objet à l'aide d'un tracé géométrique (animation de matrice).
For the complete sample, see Path Animation Sample.
Windows 7, Windows Vista SP1 ou ultérieur, Windows XP SP3, Windows Server 2008 (installation minimale non prise en charge), Windows Server 2008 R2 (installation minimale prise en charge avec SP1 ou version ultérieure), Windows Server 2003 SP2
Le .NET Framework ne prend pas en charge toutes les versions de chaque plateforme. Pour obtenir la liste des versions prises en charge, consultez Configuration requise du .NET Framework.
Microsoft réalise une enquête en ligne pour recueillir votre opinion sur le site Web de MSDN. Si vous choisissez d’y participer, cette enquête en ligne vous sera présentée lorsque vous quitterez le site Web de MSDN.
Si vous souhaitez y participer,
Si vous souhaitez y participer,
