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
|
SlipBehavior, énumération
Indique la manière dont une chronologie ParallelTimeline se comportera lors du glissement d'un ou plusieurs de ses enfants Timeline.
Assembly : PresentationCore (dans PresentationCore.dll)
| Nom de membre | Description | |
|---|---|---|
| Grow | Signale que la chronologie ParallelTimeline ne glissera pas avec l'enfant Timeline, mais se développera pour s'adapter à tous ses enfants Timeline glissants. REMARQUE : cela se produit uniquement lorsque la durée Duration du ParallelTimeline n'est pas explicitement spécifiée. | |
| Slip | Signale qu'une chronologie ParallelTimeline glissera avec son premier Timeline enfant, lequel peut glisser à chaque retard ou accélération. |
This example shows how to play media and animations at the same time by using the MediaTimeline and DoubleAnimationUsingKeyFrames classes in the same Storyboard.
You can use one or more MediaTimeline objects in a Storyboard together with other Timeline objects, such as animations.
The following example sets the SlipBehavior property of the Storyboard to a value of Slip, which specifies that the animation does not progress until the media (video in this example) progresses. This functionality might be needed if media playback is delayed because of loading time.
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > <Canvas> <!-- Upper right hand Canvas contains the animations. --> <Border BorderBrush="Black" BorderThickness="1" Canvas.Left="250"> <Canvas Width="250" Height="250" Background="White" > <!-- The two Path elements below create the purple and gold rings which are animated while the media is played. --> <Path Stroke="Purple" StrokeThickness="5"> <Path.Data> <EllipseGeometry x:Name="MyEllipseGeometry" Center="125,125" RadiusX="15" RadiusY="10" /> </Path.Data> </Path> <Path Stroke="Gold" StrokeThickness="5"> <Path.Data> <EllipseGeometry x:Name="MyEllipseGeometry2" Center="125,125" RadiusX="10" RadiusY="15" /> </Path.Data> </Path> </Canvas> </Border> <!-- Upper left hand Canvas contains the video. --> <Canvas Width="250" Height="250" Background="Green"> <MediaElement Name="myvideo" Width="250" Height="250" Canvas.Left="0" Canvas.Top="0"> <MediaElement.Triggers> <EventTrigger RoutedEvent="MediaElement.Loaded"> <EventTrigger.Actions> <BeginStoryboard> <!-- This Storyboard contains both media (video in this example) and animations. Note the SlipBehavior value of "Slip" specifies that the animation does not progress until the media progresses. This might be desirable if media playback is delayed because of loading time. --> <Storyboard SlipBehavior="Slip"> <!-- The MediaTimeline controls the timing of the video and acts like other Timeline objects. For example, although the video clip (numbers.wmv) lasts longer, playback ends after six seconds because that is the duration of the MediaTimeline (Duration="0:0:6"). --> <MediaTimeline Source="media\numbers.wmv" BeginTime="0:0:0" Duration="0:0:10"/> <!-- The animations below animate the ellipses in the right hand pane. These animations are timed to correspond to the counting in the video. --> <!-- Animate the RadiusY property of the purple ellipse. --> <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MyEllipseGeometry" Storyboard.TargetProperty="RadiusY" RepeatBehavior="10x"> <DoubleAnimationUsingKeyFrames.KeyFrames> <LinearDoubleKeyFrame Value="80" KeyTime="0:0:0.4" /> <SplineDoubleKeyFrame KeySpline="0.6,0.0 0.9,0.00" Value="0" KeyTime="0:0:1" /> </DoubleAnimationUsingKeyFrames.KeyFrames> </DoubleAnimationUsingKeyFrames> <!-- Animate the RadiusX property of the gold ellipse. --> <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MyEllipseGeometry2" Storyboard.TargetProperty="RadiusX" RepeatBehavior="10x"> <DoubleAnimationUsingKeyFrames.KeyFrames> <LinearDoubleKeyFrame Value="80" KeyTime="0:0:0.4" /> <SplineDoubleKeyFrame KeySpline="0.6,0.0 0.9,0.00" Value="0" KeyTime="0:0:1" /> </DoubleAnimationUsingKeyFrames.KeyFrames> </DoubleAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </MediaElement.Triggers> </MediaElement> </Canvas> </Canvas> </Page>
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > <Canvas> <!-- Upper right hand Canvas contains the animations. --> <Border BorderBrush="Black" BorderThickness="1" Canvas.Left="250"> <Canvas Width="250" Height="250" Background="White" > <!-- The two Path elements below create the purple and gold rings which are animated while the media is played. --> <Path Stroke="Purple" StrokeThickness="5"> <Path.Data> <EllipseGeometry x:Name="MyEllipseGeometry" Center="125,125" RadiusX="15" RadiusY="10" /> </Path.Data> </Path> <Path Stroke="Gold" StrokeThickness="5"> <Path.Data> <EllipseGeometry x:Name="MyEllipseGeometry2" Center="125,125" RadiusX="10" RadiusY="15" /> </Path.Data> </Path> </Canvas> </Border> <!-- Upper left hand Canvas contains the video. --> <Canvas Width="250" Height="250" Background="Green"> <MediaElement Name="myvideo" Width="250" Height="250" Canvas.Left="0" Canvas.Top="0"> <MediaElement.Triggers> <EventTrigger RoutedEvent="MediaElement.Loaded"> <EventTrigger.Actions> <BeginStoryboard> <!-- This Storyboard contains both media (video in this example) and animations. Note the SlipBehavior value of "Slip" specifies that the animation does not progress until the media progresses. This might be desirable if media playback is delayed because of loading time. --> <Storyboard SlipBehavior="Slip"> <!-- The MediaTimeline controls the timing of the video and acts like other Timeline objects. For example, although the video clip (numbers.wmv) lasts longer, playback ends after six seconds because that is the duration of the MediaTimeline (Duration="0:0:6"). --> <MediaTimeline Source="media\numbers.wmv" BeginTime="0:0:0" Duration="0:0:10"/> <!-- The animations below animate the ellipses in the right hand pane. These animations are timed to correspond to the counting in the video. --> <!-- Animate the RadiusY property of the purple ellipse. --> <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MyEllipseGeometry" Storyboard.TargetProperty="RadiusY" RepeatBehavior="10x"> <DoubleAnimationUsingKeyFrames.KeyFrames> <LinearDoubleKeyFrame Value="80" KeyTime="0:0:0.4" /> <SplineDoubleKeyFrame KeySpline="0.6,0.0 0.9,0.00" Value="0" KeyTime="0:0:1" /> </DoubleAnimationUsingKeyFrames.KeyFrames> </DoubleAnimationUsingKeyFrames> <!-- Animate the RadiusX property of the gold ellipse. --> <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MyEllipseGeometry2" Storyboard.TargetProperty="RadiusX" RepeatBehavior="10x"> <DoubleAnimationUsingKeyFrames.KeyFrames> <LinearDoubleKeyFrame Value="80" KeyTime="0:0:0.4" /> <SplineDoubleKeyFrame KeySpline="0.6,0.0 0.9,0.00" Value="0" KeyTime="0:0:1" /> </DoubleAnimationUsingKeyFrames.KeyFrames> </DoubleAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </MediaElement.Triggers> </MediaElement> </Canvas> </Canvas> </Page>
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.
