一步一步学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放_转载...
概述
Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。
本文我们再实现一个图形图像实例——图片播放,并利用Storyboard实现一些动画效果。
今天我也当一回“标题当”:),其实就是实现一个简单的图片播放器,跟“功夫之王”剧照半点关系也没有,只不过我上网找了几张即将播出的的电影《功夫之王》的剧照,作为我们的示例图片。
实现效果
最终我们实现的效果如下,初始界面
点击左边或者右边小图片播放
再来一张播放中的
主要实现
在单击时动态改变图片的Source属性:
void Play() {currentImg.Source = new BitmapImage(new Uri(index.ToString() + ".png", UriKind.Relative));int left = index == MIN ? MAX : index - 1;leftImg.Source = new BitmapImage(new Uri(left.ToString() + ".png", UriKind.Relative));int right = index == MAX ? MIN : index + 1;rightImg.Source = new BitmapImage(new Uri(right.ToString() + ".png", UriKind.Relative)); }
并通过Storyboard来改变Transform的一些值实现动画效果:
<Canvas.Resources><Storyboard x:Name="myStoryboard"><DoubleAnimationStoryboard.TargetName="myTransform"Storyboard.TargetProperty="AngleY"From="0" To="180" Duration="0:0:5" RepeatBehavior="1x"/><DoubleAnimationStoryboard.TargetName="leftScaleTransform"Storyboard.TargetProperty="ScaleX"From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/><DoubleAnimationStoryboard.TargetName="leftScaleTransform"Storyboard.TargetProperty="ScaleY"From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/><DoubleAnimationStoryboard.TargetName="rightScaleTransform"Storyboard.TargetProperty="ScaleX"From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/><DoubleAnimationStoryboard.TargetName="rightScaleTransform"Storyboard.TargetProperty="ScaleY"From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/></Storyboard> </Canvas.Resources
大家可以从这里下载完整示例代码。
结束语
本文实现了一个简单的图片播放器,并利用Storyboard实现一些动画效果。
转载出处声明:
作者:TerryLee
出处:http://terrylee.cnblogs.com
原文链接:http://www.cnblogs.com/Terrylee/archive/2008/03/21/Silverlight2-step-by-step-part32.html
转载于:https://www.cnblogs.com/ZhangHuaning/archive/2010/04/20/1716292.html
一步一步学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放_转载...相关推荐
- 一步一步学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果_转载...
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果
Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ir ...
- 一步一步学Silverlight 2系列(3):界面布局
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(10):使用用户控件
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(24):与浏览器交互相关辅助方法
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(18):综合实例之RSS阅读器
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(9):使用控件模板
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://terrylee.blog.51cto.com/342737/67243 ...
- 一步一步学Silverlight 2系列(13):数据与通信之WebRequest
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(21):如何在Silverlight中调用JavaScript
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
最新文章
- 长连接及在Node中的应用——HTTP/1.1 keep-alive
- javascript中的异步 macrotask 和 microtask 简介
- linux 常用快捷键
- Splay(单点修改+查询)
- java world_Java World中的GraphQL简介
- kibana-7.15.2 一分钟下载、安装、部署 linux
- 使用python下载文件的简单示例_Python
- 数据结构—链表-单链表应用-删除元素最大的节点
- Vue的v-if与v-show的区别
- python docx 合并文档 图片_使用python抓取大量简历文档内数据(word:docx;pdf;图片等)输出表格文件...
- xinetd出马拯救Ftp服务器
- 如何删除 macOS 压缩包中的隐藏文件?
- 字符编码ASCII ,Unicode ,UTF-8
- 点石成金:访客至上的网页设计秘笈pdf
- 有什么新手适合的3D建模软件
- 错误号 MSSQL_REPL20011 错误号:15517
- Qt 控件添加右键菜单
- 关于网络传输单位的换算
- 【用户角色权限设计】
- pascal过程与函数