【優(yōu)美的Flex彈出窗口】安逸地使用PopUpManager
系統(tǒng)
2758 0
??????一種優(yōu)美的Flex彈出窗口, 跟Ajax的比較, 你覺(jué)得如何呢? 先看效果:
?
????? 如下圖新建一個(gè)
new MXML component , 這個(gè)就是要彈出的窗口了. 新建此項(xiàng)后, 你可以選擇各種希望繼承的控件, 在 " Based on "選項(xiàng)里, "?Filename " 就是類(lèi)名.
?
------------------ 華麗的分割線(xiàn) ------------------------
已設(shè)置為 "Default Application" 的MXML文件:
<?xml version="1.0" encoding="utf-8"?>
<!-- Main application to demonstrate TitleWindow layout container. -->
<mx:Application
xmlns:mx="
http://www.adobe.com/2006/mxml
" fontSize="
12
" width="
336
" height="
251
" layout="
absolute
"
>
???
<mx:Script>
?????? <![CDATA[
?????????? import
mx.managers.PopUpManager;
?????????? privatefunction
showAlertWindow():void
{
???????????? var
myPanel:alertWindowExample = alertWindowExample(PopUpManager.createPopUp(
this
, alertWindowExample,
true
));
// 這里第三個(gè)參數(shù) true 表示: 彈出myPanel窗口后, 是否可以對(duì)父級(jí)操作, 值為true時(shí), 就會(huì)產(chǎn)生背景模糊的效果, 并不能對(duì)父級(jí)的東西進(jìn)行操作
?????????? }
?????? ]]>
???
</mx:Script>
???
<mx:Button
label="
按我一下
" click="showAlertWindow()" x="
248
" y="
217
"
/>
</mx:Application>
?
?
----------------------
要彈出的窗口 -
alertWindowExample.mxml
?
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel
xmlns:mx="
http://www.adobe.com/2006/mxml
" layout="
absolute
" width="
256
" height="
204
" fontSize="
12
" title="
彈出的窗口
"
>
???
<mx:Script>
?????? <![CDATA[
?????????? import
mx.managers.PopUpManager;
?????? ]]>
???
</mx:Script>
???
<mx:Label
text="
姓名
:
" x="
10
" y="
10
"
/>
???
<mx:TextInput
x="
52
" y="
8
" text="
Y-boy.cn
"
/>
???
???
<mx:Label
text="
內(nèi)容
:
" x="
10
" y="
38
"
/>
???
<mx:TextArea
x="
52
" y="
55
" height="
62
" text="
很安逸的效果
...^_^
http://www.RiaHome.cn
"
/>
???
???
<mx:Button
label="
返回
" x="
160
" y="
128
" click="PopUpManager.removePopUp(this
);"
/>
</mx:Panel>
==================
【優(yōu)美的Flex彈出窗口】安逸地使用PopUpManager
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
