天天看點

利用threshold實作的遮罩引導

點選“開始引導”,則進入引導操作。除指定的按鈕可以操作外,其它區域均不可點選。這種應用當新功能或是新産品上線後,用來引導使用者來使用産品/功能,是十分有用的。facebook也有類似的引導,方法也很簡單:用4個絕對定位的DIV(指定一個背景 + 一定透明度)遮住其它部分,這樣可以被操作的區域就“留白”出來。

用flash實作上面的效果(比如在一個網頁遊戲中,使用此方法引導新手操作遊戲),用BitmapData類的threshold方法是比較容易做到上面這個效果的。

threshold共有8個參數,其中前5個參數為必須要傳入的。

<code></code>

<code>利用InteractivePNG可“穿透”點選的特性,建構一個指定區域布滿整個舞台大小的白色非透明的Bitmap,在另外一個層,建立一個指定大小、位置的“引導框”(注意要設定為透明),然後使用前面建立的Bitmap與“引導框”進行色值比較,符合要求的就使用另外一種顔色填充(使用透明進行填充,例如:0x00FFFFFF),這樣滿足條件的“引導框”位置的地方就被“透明”了。</code>

<code>示例的核心的代碼:</code>

<a href="http://1.meteoric.sinaapp.com//aiGuid/AiGuid.zip" target="_blank">下載下傳本示例的完整代碼&gt;&gt;</a>