您的位置:首页 > 其它

控制Storyboard播放zz

2016-07-12 20:11 267 查看
<Grid Width="300" Height="460">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="60"/>
<RowDefinition Height="100"/>
</Grid.RowDefinitions>
<Grid.Triggers>
<EventTrigger SourceName="btnStart" RoutedEvent="Button.Click">
<BeginStoryboard x:Name="myImageBStoryboard"  >
<Storyboard CurrentTimeInvalidated="Storyboard_CurrentTimeInvalidated">
<DoubleAnimation Storyboard.TargetName="myImageB" Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="00:00:05">

</DoubleAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger SourceName="btnPause" RoutedEvent="Button.Click">
<PauseStoryboard BeginStoryboardName="myImageBStoryboard"></PauseStoryboard>
</EventTrigger>
<EventTrigger SourceName="btnResume" RoutedEvent="Button.Click">
<ResumeStoryboard BeginStoryboardName="myImageBStoryboard"></ResumeStoryboard>
</EventTrigger>
<EventTrigger SourceName="btnStop" RoutedEvent="Button.Click">
<StopStoryboard BeginStoryboardName="myImageBStoryboard"></StopStoryboard>
</EventTrigger>
<EventTrigger SourceName="btnMiddle" RoutedEvent="Button.Click">
<SeekStoryboard BeginStoryboardName="myImageBStoryboard" Offset="00:00:02">
</SeekStoryboard>
</EventTrigger>
</Grid.Triggers>
<Grid Grid.Row="0" Grid.Column="0"  >
<Image x:Name="myImageA" Source="Images/A.jpg"  Height="300" Width="300" Stretch="Fill"></Image>
<Image x:Name="myImageB" Source="Images/B.jpg"   Height="300" Width="300"  Stretch="Fill" ></Image>
</Grid>
<StackPanel Grid.Row="1" Grid.Column="0" Orientation="Horizontal">
<Button x:Name="btnStart" Content="Start" Width="50" Height="40"  Margin="3" ></Button>
<Button x:Name="btnPause" Content="Pause" Width="50" Height="40" Margin="3" ></Button>
<Button x:Name="btnResume" Content="Resume" Width="50" Height="40" Margin="3" ></Button>
<Button x:Name="btnStop" Content="Stop" Width="50" Height="40" Margin="3" ></Button>
<Button x:Name="btnMiddle" Content="SeekToMiddle" Width="50" Height="40" Margin="3" ></Button>
</StackPanel>
<StackPanel Grid.Row="2" Grid.Column="0" Orientation="Vertical">
<TextBlock x:Name="myTextBlock" FontSize="13" Foreground="Red"> </TextBlock>
<ProgressBar x:Name="myProgressBar"  Height="35" Background="White" Width="300" >
<ProgressBar.Foreground>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF4DF22F" Offset="0.505" />
<GradientStop Color="#FFEFF5F1" Offset="1" />
<GradientStop Color="#FFF8F8F8" Offset="0.013" />
</LinearGradientBrush>
</ProgressBar.Foreground>
</ProgressBar>
</StackPanel>
</Grid>


public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}

private void Storyboard_CurrentTimeInvalidated(object sender, EventArgs e)
{
Clock storyboardClock = sender as Clock;
if (storyboardClock.CurrentProgress != null)
{
myTextBlock.Text = storyboardClock.CurrentTime.ToString();
myProgressBar.Value = (double)storyboardClock.CurrentProgress*100;(注意这儿storyboardClock.CurrentProgres值范围是0至1)
System.Diagnostics.Debug.WriteLine(myProgressBar.Value);
}
else
{
myProgressBar.Value = 0;
myTextBlock.Text = "Stopped";
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: