Silverlight4做了一个3D图片360度旋转浏览器
日志
最近做了一个基于Silverlight4的3D图片浏览器,基本上是重写了以前FLASH的一个版本,源代码已经上传到了Expression Gallery: http://gallery.expression.microsoft.com/en-us/imageviewer
这里大概说一下思路:
1.结构可大致分为:
a) 背景图 (自定控件)
b) 图片360度旋转预览(自定控件)
c) 图片浏览(使用ChildWindow)
2.图片360度布局:
1)新建一个层存放所有图片,使用Image的PlanProjection属性
2) 首先偏移Z轴(屏幕方向一个固定距离),然后绕原来中心点旋转一个角度,这里有8张图,每张递增45度
3) 新建另外一个层,存放两个按钮。
3.图片360度旋转:
1) 在CS文件中新建一个StoryBorad对象,创8幅图顺时针旋转的360度和逆时针旋转360度的动画;为时16秒(前8秒为顺时针,后8秒为逆时针)
2) 用户在单击向左按钮时,找到当前播放的时间(即图片的序号),向后播放一秒。
3) 用户在单击向右按钮时,找到当前播放的时间(即图片的序号 + 8),向后播放一秒。
这里大概说一下思路:
1.结构可大致分为:
a) 背景图 (自定控件)
b) 图片360度旋转预览(自定控件)
c) 图片浏览(使用ChildWindow)
2.图片360度布局:
1)新建一个层存放所有图片,使用Image的PlanProjection属性
2) 首先偏移Z轴(屏幕方向一个固定距离),然后绕原来中心点旋转一个角度,这里有8张图,每张递增45度
3) 新建另外一个层,存放两个按钮。
3.图片360度旋转:
1) 在CS文件中新建一个StoryBorad对象,创8幅图顺时针旋转的360度和逆时针旋转360度的动画;为时16秒(前8秒为顺时针,后8秒为逆时针)
2) 用户在单击向左按钮时,找到当前播放的时间(即图片的序号),向后播放一秒。
3) 用户在单击向右按钮时,找到当前播放的时间(即图片的序号 + 8),向后播放一秒。
作者:Meteor
出处:http://www.cnblogs.com/osmeteor/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
如果您看了本篇博客,觉得对您有所收获,请点击右下角的 [推荐]