简介
由于工作需要,我对桌面特效的实现做了深 入研究,现作简单总结。本文研究的特效包括:- 图标抖动,更准确的说是图标做不规律的左右摇摆;
- 图标拖动和滑动,即图标可以从一个位置拖到另一个位置,同时受影响的图 标会按 Z 字形的规则滑动;
- 图标缩放,点击时,图标放大;松开后图表缩小;
- Alpha 混合,拖动一个图标和另一个图标重叠时有半透明效果
实现思路
基于动画原理实现抖动和缩放
动画实际是在一定的时间间隔内顺序显示一系列的相关图片实现的,由于人的视 觉有惯性,当时间间隔足够短时,就会看到物体动起来。抖动和缩放都可以基于 动画的原理实现:
- 图标的抖动是由三桢图片做不规则切换实现的,一祯是正常的图,一桢是逆 时针转 N(N=3) 度的图,还有一桢是顺时针旋转 N(N=3) 度的图;
- 图标的缩放是由一大、一小两桢图片组成,为了增加柔和性,中间可以增加 一桢或两桢;
- 在实际实现时,所有的图片的画布都取相同尺寸,这样便于贴图和绘制
图标的拖动
拖动的实现比较简单,只需随鼠标不断改变图标的位置并实时显示即可。有一点 要注意,当在新的位置绘制图片时,要把原来的擦掉,否则就会出现“贪吃蛇”现象,造 成混乱。
Alpha 混合
半透明采用 Alpha 混合来实现,即将拖动的图标绘制在一个带 Alpha 混合的层 上,然后将这个层 bilbit 到绘制层即可。
为了屏蔽背景色,可能还会用到 color key。
更详细的内容见:http://www.pengliu.org/proj/iphone_desktop.html