Flex 自定义组件 -- 弹出窗口 [PopUpManager TitleWindow 组件]的使用

最新推荐文章于 2025-11-19 13:54:39 发布

原创最新推荐文章于 2025-11-19 13:54:39 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #application #button #encoding #function #import

技术专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在Flex中创建自定义MXML组件，并通过示例展示了如何使用这些组件来构建一个简单的登录窗口。示例代码包括了TitleWindow组件及主程序Main.mxml的实现。

自定义MXML组件

基于组件开发模式是Flex的一个特色，程序中所有的MXML和AS类文件，都被当作用户自定义的组件。

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" title="Title Window" width="300" height="250"> <mx:Script>  </mx:Script> <mx:HBox> <mx:Label text="username"/> <mx:TextInput name="username" width="100%" /> </mx:HBox> <mx:HBox> <mx:Label text="password"/> <mx:TextInput id="password" width="100%"/> </mx:HBox> <mx:HBox> <mx:Button label="Enter" click="checkLogin()"/> <mx:Button label="Cancel" click="PopUpManager.removePopUp(this)"/> </mx:HBox> </mx:TitleWindow> </mx:Application>

2：新建一个 Main.mxml 文件

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Button label="创建登录窗口" click="toLogin()"/> <mx:Script>  </mx:Script> </mx:Application>

PopUpManager.createPopUp(this,PopWnd,true)

创建了一个弹出式窗口： PopUpManager 返回的是一个 IFlexDisplayObject 类型的变量，所以需要强制转型，赋给 PopWnd变量