WPF备忘录五(路径动画)
2012-01-14 10:51
183 查看
<Grid> <Path x:Name="path1" Stroke="Red"> <Path.Data> <EllipseGeometry x:Name="eg" Center="200 120" RadiusX="120" RadiusY="80"></EllipseGeometry> </Path.Data> </Path> <Ellipse Height="33" Stroke="Blue" Fill="Blue" HorizontalAlignment="Left" Margin="0,0,0,0" Name="ellipse1" VerticalAlignment="Top" Width="36"> <Ellipse.RenderTransform> <TransformGroup> <MatrixTransform x:Name="mt1"></MatrixTransform> <TranslateTransform X="-15" Y="-15"></TranslateTransform> </TransformGroup> </Ellipse.RenderTransform> <Ellipse.Triggers> <EventTrigger RoutedEvent="Page.Loaded"> <BeginStoryboard> <Storyboard x:Name="sb"> <MatrixAnimationUsingPath x:Name="ma" Storyboard.TargetName="mt1" Storyboard.TargetProperty="Matrix" Duration="0:0:10"></MatrixAnimationUsingPath> </Storyboard> </BeginStoryboard> </EventTrigger> </Ellipse.Triggers> </Ellipse> <Button Content="开始路径动画" Height="23" HorizontalAlignment="Left" Margin="418,61,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" /> </Grid>
public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void button1_Click(object sender, RoutedEventArgs e) { PathGeometry pg = new PathGeometry(); pg.AddGeometry(eg); this.ma.PathGeometry = pg; sb.RepeatBehavior = RepeatBehavior.Forever; sb.Begin(ellipse1); } }
相关文章推荐
- WPF中的动画——(五)路径动画
- WPF中的PathAnimation(路径动画)
- WPF之基于路径的动画
- WPF中的PathAnimation(路径动画)
- WPF路径动画——XAML篇
- windows8 WinRT PointAnimationUsingPath(WPF 路径动画 PathAnimation 的移植)
- WPF中的PathAnimation(路径动画)
- WPF备忘录(7)WPF图片资源路径介绍
- WPF动画之路径动画(3)
- WPF备忘录(7)WPF图片资源路径介绍
- WPF中的PathAnimation(路径动画)
- WPF路径动画——C#篇
- WPF备忘录四(事件动画)
- WPF路径动画(动态逆向动画)
- WPF中的动画
- WPF中的动画——序
- WPF翻转动画
- 【WPF学习笔记】之如何点登录按钮时判断用户名密码进行登录:动画系列之(二)
- WPF/Silverlight深度解决方案:(十七)GPU硬件加速下Silverlight超性能动画实现(上)
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(五)实现2D人物动画②