WPF动画之路径动画(3)
2024-08-27 20:37:42
XAML代码:
<Window x:Class="路径动画.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="" Width="">
<Window.Resources>
<!--路径资源-->
<PathGeometry x:Key="path">
<PathFigure IsClosed="True">
<ArcSegment Point="200,200" Size="30,10" SweepDirection="Clockwise"></ArcSegment>
<ArcSegment Point="300,200" Size="5,5"></ArcSegment>
</PathFigure>
</PathGeometry>
</Window.Resources>
<!---事件触发器,窗体加载时动画开始,周期6秒,无限循环-->
<Window.Triggers>
<EventTrigger RoutedEvent="Window.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimationUsingPath Storyboard.TargetName="image" Storyboard.TargetProperty="(Canvas.Left)"
PathGeometry="{StaticResource path}" Duration="0:0:6" RepeatBehavior="Forever" Source="X"></DoubleAnimationUsingPath>
<DoubleAnimationUsingPath Storyboard.TargetName="image" Storyboard.TargetProperty="(Canvas.Top)"
PathGeometry="{StaticResource path}" Duration="0:0:6" RepeatBehavior="Forever" Source="Y"></DoubleAnimationUsingPath>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Window.Triggers>
<Canvas>
<!--显示路径-->
<Path Margin="" Stroke="#ddd" Data="{StaticResource path}"></Path>
<!--动画元素-->
<Image Name="image" Source="123.png" Width="" Height="" />
</Canvas>
</Window>
.CS代码:
using System.Windows; namespace 路径动画
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
}
}
最新文章
- 3.2 配置构建Angular应用——简单的笔记存储应用
- 谈谈.Net技术面试
- C++ STL vector容器学习
- NOIp 2011 mayan游戏 搜索
- Spark+Hadoop问题小结
- 2.nodejs权威指南--Buffer
- IE8兼容H5语义标签
- redis-cli 命令总结
- zabbix命令:zabbix_get获取item数据
- UOJ Test Round #2
- java和html的区别
- Web工程师的工具箱
- WebStorm修改默认快捷键
- ORACLE视图添加备注
- OpenGL---------BMP文件格式
- alpha-咸鱼冲刺day4-紫仪
- 通过 iis或者本地IP 调试代码
- Mesos源码分析(11): Mesos-Master接收到launchTasks消息
- django-admin和manage.py
- C/C++三目运算符