当前位置: 首页 > web开发 > Silverlight > 正文

Silverlight模拟Nano5界面效果

时间:2011-04-13 博客园 Gnie

前一阵无意中发现将iPod Nano5 横置后会出现一个动态的选歌界面(如下图示),感觉 不错于是想用Silverlight来实现一下这个效果,欢迎大家拍砖。

本来是放Demo演示,可是这个程序怎么也显示不出来,只好用图片了(感兴趣的话可以下 载源代码):

在制作过程中比较繁琐的部分是倒影效果,最开始的做法是将同一张专辑图片使用两次: 一个作为专辑封面;一个作为倒影效果。对倒影效果图片进行 RenderTransform->ScaleY 反转和OpacityMask->LinearGradientBrush 渐变处理,这样操作后出现一个问题:未选 中专辑的封面和倒影之间有间隙(如下图示)。这是由于分别对封面和倒影进行 PlaneProjection->RotationY 三维旋转时会使它们按各自的坐标轴进行旋转,不是以一 个整体进行旋转而差生了偏差。如果将两个图片组合为一个StackPanel 或Canvas 然后再进 行旋转感觉应该可以(但需要不少代码实现,效率可能会降低,感兴趣的朋友可以测试一下 ),最后偷懒用PS 给图片做了倒影~