利用threshold實現的遮罩引導

2022-03-19 16:08:16 字數 1617 閱讀 9065

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

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

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

threshold(sourcebitmapdata:bitmapdata, sourcerect:rectangle, destpoint:point, operation:string, threshold:uint, color:uint = 0, mask:uint = 0xffffffff, copysource:boolean = false):uint

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

示例的核心的**:

fade = new fade();

fade.target = line_ui;

fade.duration = 1000;

fade.repeatcount = 0;

}/**

* 初始化引導框

* * @param x

* @param y

* @param w

* @param h

* */

public function initview(x:number, y:number, w:number, h:number):void

private function createmask(x:number, y:number, w:number, h:number):void

/*** 建立遮罩

* */

private function inversemask():void

_bmp.threshold(_bmp, new rectangle(0, 0, _bmp.width, _bmp.height), new point(0, 0), "<", 0xffffffff, 0x00ffffff);

clear();

var tempbmp:bitmap = new bitmap(_bmp);

ui.addchild(tempbmp);

}public function startfade():void

public function stopfade():void

public function clear():void

while (ui.numchildren)

stopfade();}}

}

js實現遮布效果

開發過程常遇到在匯入資料或者需要頁面跳轉的時,希望有乙個提示效果。用的地方多了,就整理了乙個,或許你也需要哦 var m mask var id pop 給提示對話方塊設定大小 var newdivheight 20 function show info 判斷div是否已經建立 var docele...

Threshold 對單通道陣列應用的固定閾值操作

1.cv exports w double threshold inputarray src,outputarray dst,double thresh,double maxval,int type src 原始陣列 單通道,8 bit,32 bit 浮點數 dst 輸出陣列 與輸入陣列保持一致 t...

常春藤遮身的少女和頭戴花冠的青年

埃里克 霍弗 40歲的時候終於結束了顛沛流浪的生活,有了正經職業 碼頭搬運工。在舊金山碼頭,搬運工是兩兩搭檔的。有一天,和霍弗搭檔的是碼頭上笨手笨腳 最不行 的一名工人。霍弗驚訝地發現,這位搭檔連兩個人份內的活都沒有幹好,卻偏要幫助別的小組。如果霍弗以 窮不幫窮誰照應 當里格朗 的道德思維去想這件事...