Silverlight4做了一个3D图片360度旋转浏览器

 
 
 

日志

 
 
 

用Silverlight4做了一个3D图片360度旋转浏览器

2011-06-09 10:00:10| 分类: sl 例子开源 | 标签: |字号订阅

 
 
最近做了一个基于Silverlight4的3D图片浏览器,基本上是重写了以前FLASH的一个版本,源代码已经上传到了Expression Gallery: http://gallery.expression.microsoft.com/en-us/imageviewer

用Silverlight4做了一个3D图片360度旋转浏览器 - dingtao-wgs - 程序员驿站


这里大概说一下思路:

1.结构可大致分为:
a) 背景图 (自定控件)
b) 图片360度旋转预览(自定控件)
c) 图片浏览(使用ChildWindow)
用Silverlight4做了一个3D图片360度旋转浏览器 - dingtao-wgs - 程序员驿站


2.图片360度布局:
1)新建一个层存放所有图片,使用Image的PlanProjection属性
2) 首先偏移Z轴(屏幕方向一个固定距离),然后绕原来中心点旋转一个角度,这里有8张图,每张递增45度
3) 新建另外一个层,存放两个按钮。
用Silverlight4做了一个3D图片360度旋转浏览器 - dingtao-wgs - 程序员驿站


3.图片360度旋转:
1) 在CS文件中新建一个StoryBorad对象,创8幅图顺时针旋转的360度和逆时针旋转360度的动画;为时16秒(前8秒为顺时针,后8秒为逆时针)
2) 用户在单击向左按钮时,找到当前播放的时间(即图片的序号),向后播放一秒。
3) 用户在单击向右按钮时,找到当前播放的时间(即图片的序号 + 8),向后播放一秒。
posted @ 2012-10-09 10:45  开源控Meteor(OSMeteor)  阅读(162)  评论(0编辑  收藏  举报