詳盡解讀Flex彈出窗口用法
本文和大家重點討論一下Flex彈出窗口的概念,主要包括最簡單的警告窗口和普通的Flex彈出窗口兩大部分內容,相信本文介紹一定會讓你有所收獲。
Flex中的彈出窗口
最近修改項目的時候又了解了一些關于Flex中彈出窗口的東西,發現這個東西很有用。Flex中有兩種彈出窗口:
1.最簡單的警告窗口
你需要先導入Alert類:importmx.controls.Alert;
然后在想要彈出警告的時候使用:Alert.show(“你確定要退出系統嗎?”,“確認”,Alert.YES|Alert.NO,null,logout)
參數說明:***個參數是要顯示的文本,第二個參數是窗口的標題,這兩個參數是最經常用的。第三個參數是按鈕,默認是兩個:YEW和NO,當然你也可以自定義,比如Alert.CANCEL,第四個參數是父窗口,默認為null。第五個參數是窗口關閉后調用的函數名,如果你想要在點擊確定之后觸發什么事件,就需要定義這個參數。這里我要調用logout,請注意,不要在這里寫logout()。(沒有括號)logout函數如下:
- privatefunctionlogout(event:CloseEvent):void
- {
- if(event.detail==Alert.YES)
- {
- //具體操作
- }
- }
因為這個函數是觸發的,所以參數是一個CloseEvent。“event.detail==Alert.YES”這行代碼判斷點擊的是不是確定按鈕。CloseEvent中的detail屬性專門判斷點擊了哪個按鈕,這樣就可以用戶的點擊控制代碼。
簡單的Alert用法就是這樣,更多相關信息請看幫助文檔。
2.Flex彈出窗口
這個就比較強大了,需要使用一個類,那就是PopUpManager,同樣,使用前你需要先導入:
- importmx.managers.PopUpManager;
然后你就要創建一個Compoment作為Flex彈出窗口,這個沒什么特別的,創建一個普通的Compoment就行,這里我創建了一個文件叫做PopWindow,就是一個簡單的Canvas,里面就放一個圖片。代碼如下:
PopWindow.mxml:
- xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Canvasxmlns:mxmx:Canvasxmlns:mx="http://www.adobe.com/2006/mxml"
- width="100"height="100">
- <mx:Script>
- importmx.managers.PopUpManager;
- ]]>
- < span>mx:Script>
- <mx:Imagexmx:Imagex="0"y="0"source="assets/face.PNG"
- click="PopUpManager.removePopUp(this)"width="90"height="82"/>
- < span>mx:Canvas>
其中removePopUp是PopUpManager的一個方法,就是移除當前彈出的窗口,這里我設置了點擊圖片的時候就移除Flex彈出窗口。接下來我們在主程序中創建并彈出窗口:
- varpop:PopWindow=PopWindow(PopUpManager.createPopUp(this,PopWindow,true));
這就完成了,這個pop是一個PopWindow(就是剛才創建的Component的文件名)類型的變量,由于PopUpManager的createPopUp返回的是一個IFlexDisplayObject,你需要將其強制轉換成為PopWindow類型才能賦值給pop變量。
◆下面詳細說明一下createPopUp的這幾個參數:
***個參數是Flex彈出窗口的父窗體,這個相信大家都明白。
第二個參數是Flex彈出窗口的類名,也就是組件的文件名,在Flex中一個MXML文件也對應一個類。PopUpManager是根據這個類來創建彈出對話框。
第三個參數是模態標記。如果是true,就創建一個模態對話框;否則創建的就是一個非模態的對話框。
PopUpManager還有一個參數,不過不常用,具體請參考幫助文檔。
然后你就可以對彈出對話框操作了,想要移除就用removePopUp(pop)。另外,如果是非模態的,可能在點擊程序其它部分的時候窗口就不見了,但是它并沒有移除,怎么讓它出來呢?這個時候就需要PopUpManager的另外一個方法:bringToFront(),這個方法可以把窗口放到最前。你可以控制,讓程序***次的時候是創建對話框,以后就是把窗口放到最前。
【編輯推薦】