iphone 桌面特效的实现

简介

  由于工作需要,我对桌面特效的实现做了深 入研究,现作简单总结。本文研究的特效包括:
  • 图标抖动,更准确的说是图标做不规律的左右摇摆;
  • 图标拖动和滑动,即图标可以从一个位置拖到另一个位置,同时受影响的图 标会按 Z 字形的规则滑动;
  • 图标缩放,点击时,图标放大;松开后图表缩小;
  • Alpha 混合,拖动一个图标和另一个图标重叠时有半透明效果

实现思路

基于动画原理实现抖动和缩放

动画实际是在一定的时间间隔内顺序显示一系列的相关图片实现的,由于人的视 觉有惯性,当时间间隔足够短时,就会看到物体动起来。抖动和缩放都可以基于 动画的原理实现:

  • 图标的抖动是由三桢图片做不规则切换实现的,一祯是正常的图,一桢是逆 时针转 N(N=3) 度的图,还有一桢是顺时针旋转 N(N=3) 度的图;
  • 图标的缩放是由一大、一小两桢图片组成,为了增加柔和性,中间可以增加 一桢或两桢;
  • 在实际实现时,所有的图片的画布都取相同尺寸,这样便于贴图和绘制

图标的拖动

拖动的实现比较简单,只需随鼠标不断改变图标的位置并实时显示即可。有一点 要注意,当在新的位置绘制图片时,要把原来的擦掉,否则就会出现“贪吃蛇”现象,造 成混乱。

Alpha 混合

半透明采用 Alpha 混合来实现,即将拖动的图标绘制在一个带 Alpha 混合的层 上,然后将这个层 bilbit 到绘制层即可。

为了屏蔽背景色,可能还会用到 color key。

更详细的内容见:

http://www.pengliu.org/proj/iphone_desktop.html
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值