Silverlight3实现按路径运动[原创]
这几天需要给终端机做个一组Logo沿圆形轨迹转动效果, 直接用Winform实现太卡(通过不断绘图方式), 考虑到SL3可以脱机运行, 就用它来实现.
网上也找了很多教程, 发现没有较好的方法, 最后自己"研究"出一种可行的方法, 供大家讨论:
1.运行效果:
Code
<Window x:Class="SLTest.test"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="test" Height="600" Width="800">
<Window.Resources>
<Storyboard x:Key="Storyboard1">
<PointAnimationUsingPath Storyboard.TargetName="MyAnimatedEllipseGeometry" Storyboard.TargetProperty="Center" Duration="0:0:5" RepeatBehavior="Forever">
<PointAnimationUsingPath.PathGeometry>
<PathGeometry Figures="M 299.9 300 A 100,100 360 1 1 300.1,300 Z"/>
</PointAnimationUsingPath.PathGeometry>
</PointAnimationUsingPath>
</Storyboard>
</Window.Resources>
<Window.Triggers>
<EventTrigger RoutedEvent="FrameworkElement.Loaded">
<BeginStoryboard Storyboard="{StaticResource Storyboard1}"/>
</EventTrigger>
</Window.Triggers>
<Grid>
<Path x:Name="pt" Stroke="Black" Fill="Gray" Data="M 299.9 300 A 100,100 360 1 1 300.1,300 Z" />
<Path Fill="Blue">
<Path.Data>
<!-- Describes an ellipse. -->
<EllipseGeometry x:Name="MyAnimatedEllipseGeometry"
Center="300,300" RadiusX="15" RadiusY="15" />
</Path.Data>
</Path>
</Grid>
</Window>
相信大家都能看得懂代码的意思, 这里由于时间原因(马上要下班走人了)我就不多啰嗦了, 大家有什么好的方案也欢迎一同讨论.
程序运行环境: VS2008SP1
源代码下载
转载于:https://www.cnblogs.com/yimi329/archive/2009/11/17/1604822.html
Silverlight3实现按路径运动[原创]相关推荐
- android 属性动画 弧形,CSS分层动画可以让元素沿弧形路径运动
CSS 的 animations (动画) 和 transitions(变换)擅于实现从点 A 到点 B 的直线运动,运动轨迹是直线路径.给一个元素添加了 animation 或者 transitio ...
- u3d 逐个点运动,路径运动。 U3d one by one, path motion.
u3d 逐个点运动,路径运动. U3d one by one, path motion. 作者:韩梦飞沙 Author:han_meng_fei_sha 邮箱:313134555@qq.com E-m ...
- CSS3: 利用分层动画让元素沿弧形路径运动
原文:Moving along a curved path in CSS with layered animation 翻译:涂鸦码龙 译者注:部分代码示例在原文中可以看效果(作者写在博文里面了-), ...
- python 3d游戏记录路径_基于osg的python三维程序开发(五)------沿路径运动
在上一节中, 我们演示了如何更新节点的状态, 这是动画的基本的技巧. 这一小节里,我们看一个稍微复杂一点的例子------让物体沿着固定的路径运动. 在osg 中,使得物体沿着固定路径运动, 会用到几 ...
- ae制作小球轨迹运动_在AE里如何让物体沿着路径运动?
如何让物体精确的沿着路径轨迹运动, 手动K帧也能创造出曲线运动,但控制比较麻烦,而且不精确, 用钢笔绘制运动路径可以精确的让物体沿着路径运动,控制简单. 一.创建物体 1.新建一个AE合成,选择HDT ...
- html 路径线条动画,CSS分层动画可以让元素沿弧形路径运动
CSS 的 animations (动画) 和 transitions(变换)擅于实现从点 A 到点 B 的直线运动,运动轨迹是直线路径.给一个元素添加了 animation 或者 transitio ...
- 【赏】svg添加箭头绘制路径运动
svg绘制的一个路径 如何加上一个箭头 也沿着这个路径运动 要在SVG路径中添加箭头,你可以使用marker-end属性.它可以为路径的末端添加一个标记,通常是一个箭头. 以下是修改您的代码来添加箭头 ...
- css实现圆环路径,笔记:CSS、canvas 和 SVG 分别实现元素沿环形路径运动动画
CSS 部分 最早接触到使用 CSS 使元素以环形路径运动的办法来自于 Lea Verou 的书<CSS 揭秘>中第八章中的<沿环形路径平移的动画>.虽然随着 CSS 的发展部 ...
- html5 路径运动,探秘神奇的运动路径动画 Motion Path
CSS 中有一个非常有意思的模块 -- CSS Motion Path Module Level 1,翻译过来也就是运动路径.本文将对 motion path 一探究竟,通过本文,你可以了解到:什么是 ...
最新文章
- R卡方独立性检验(Chi-Square Test of Independence)
- 动脑2017android_您肯定要在2017年初尝试的25个新Android库
- 研讨会 | 知识图谱前沿技术课程暨学术研讨会(武汉大学站)
- (转)RabbitMQ学习之路由(java)
- Android之eclipse简单NDK入门
- QString string int double char 相互转化
- SQLSERVER根据字符 切割字符串的方法
- mysql日志文件架构_mysql日志文件
- Apache .htaccess Rewrite解决问号匹配的写法
- 传感器实训心得体会_传感器心得体会范文
- 安卓软件安装包后缀名_安卓手机安装包是什么格式?
- iOS 性能优化之内存优化
- AIM 2020 Challenge on Learned Image Signal Processing Pipeline(个人笔记,勿喷)
- Ubuntu 18.04 基础系统配置
- GitHub、Apache 等平台开源项目,受美国出口管制么?
- 华为服务器bios中修改磁盘格式,华为服务器设置bios
- 15个常用的Excel函数公式
- 如何快速判断一个数是否为16的倍数
- 小程序电商成为新趋势爆红的原因
- SAP QM 创建ROS维护检验工序,系统报错:Work center NMDC_QA plant NMDC does not exist for task list type S
热门文章
- 计算机视觉与深度学习 | 城市拒止环境下的视觉SLAM
- php utf8 html字符,PHP:utf-8编码,htmlentities给出了奇怪的结果
- 【C++】利用Visual Studio 2008编写C++,Visual Studio 2008的基本使用
- 易企秀如何生成图片_易企秀可以导出图片吗
- 7th思妙想 Fun事连连,今天范式7岁啦!
- 第四范式携手智源研究院 共推全球最大智能模型应用发展
- 这里有一份福利“拍了拍”你
- 嵌入式笔录(2)-电阻串联与并联
- 【深度学习】显卡价格一夜闪崩35%!30系降幅四千上热搜!可以出手了!
- 【Python】图解Pandas的宝藏函数:assign