iphone 案頭特效的實現

簡介

  由於工作需要，我對案頭特效的實現做了深 入研究，現作簡單總結。本文研究的特效包括：

• 表徵圖抖動，更準確的說是表徵圖做不規律的左右搖擺；
• 表徵圖拖動和滑動，即表徵圖可以從一個位置拖到另一個位置，同時受影響的圖 標會按 Z 字形的規則滑動；
• 表徵圖縮放，點擊時，表徵圖放大；鬆開後圖表縮小；
• Alpha 混合，拖動一個表徵圖和另一個表徵圖重疊時有半透明效果

實現思路基於動畫原理實現抖動和縮放

動畫實際是在一定的時間間隔內順序顯示一系列的相關圖片實現的，由於人的視 覺有慣性，當時間間隔足夠短時，就會看到物體動起來。抖動和縮放都可以基於 動畫的原理實現：

• 表徵圖的抖動是由三楨圖片做不規則切換實現的，一禎是正常的圖，一楨是逆 時針轉 N(N=3) 度的圖，還有一楨是順時針旋轉 N(N=3) 度的圖；
• 表徵圖的縮放是由一大、一小兩楨圖片組成，為了增加柔和性，中間可以增加 一楨或兩楨；
• 在實際實現時，所有的圖片的畫布都取相同尺寸，這樣便於貼圖和繪製

表徵圖的拖動

拖動的實現比較簡單，只需隨滑鼠不斷改變表徵圖的位置並即時顯示即可。有一點 要注意，當在新的位置繪製圖片時，要把原來的擦掉，否則就會出現“貪吃蛇”現象，造 成混亂。

Alpha 混合

半透明採用 Alpha 混合來實現，即將拖動的表徵圖繪製在一個帶 Alpha 混合的層 上，然後將這個層 bilbit 到繪製層即可。

為了屏蔽背景色，可能還會用到 color key。

更詳細的內容見：

http://www.pengliu.org/proj/iphone_desktop.html