一步一步学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放

一步一步学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放,第1张

概述概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据 概述

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">        <DoubleAnimation  Storyboard.Targetname="mytransform"  Storyboard.TargetProperty="AngleY"  From="0" To="180" Duration="0:0:5" RepeatBehavior="1x"/>        <DoubleAnimation  Storyboard.Targetname="leftScaletransform"  Storyboard.TargetProperty="ScaleX"  From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>        <DoubleAnimation  Storyboard.Targetname="leftScaletransform"  Storyboard.TargetProperty="ScaleY"  From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>        <DoubleAnimation  Storyboard.Targetname="rightScaletransform"  Storyboard.TargetProperty="ScaleX"  From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>        <DoubleAnimation  Storyboard.Targetname="rightScaletransform"  Storyboard.TargetProperty="ScaleY"  From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>    </Storyboard></Canvas.Resources

大家可以从这里下载完整示例代码。

结束语

本文实现了一个简单的图片播放器,并利用Storyboard实现一些动画效果。

作者: TerryLee
出处: http://terrylee.cnblogs.com 总结

以上是内存溢出为你收集整理的一步一步学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放全部内容,希望文章能够帮你解决一步一步学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1056393.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存