一种优美的Flex弹出窗口, 跟Ajax的比较, 你觉得如何呢? 先看效果:
如下图新建一个 new MXML component , 这个就是要弹出的窗口了. 新建此项后, 你可以选择各种希望继承的控件, 在 " Based on "选项里, " Filename " 就是类名.
------------------ 华丽的分割线 ------------------------
已设置为 "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
));
// 这里第三个参数 true 表示: 弹出myPanel窗口后, 是否可以对父级操作, 值为true时, 就会产生背景模糊的效果, 并不能对父级的东西进行操作
}
]]>
</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="
内容
:
" 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>
==================
在
Dreamer
的博客上看到的更酷的各种弹出窗口:
