首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

Flex弹出框如何做

2012-02-24 
Flex弹出框怎么做?我Flex设计了首页,里面有一注册和登陆框,我的打算是,点击注册按钮的时候,直接在本页面

Flex弹出框怎么做?
我Flex设计了首页,里面有一注册和登陆框,我的打算是,点击"注册"按钮的时候,直接在本页面弹出一个
对话框,然后就在这个对话框中进行注册,而不是原来跳转到一个注册页面进行注册,
请问利用Flex技术怎么实现

[解决办法]
共有两个文件:TitleWindowApp.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">

<mx:Script>
<![CDATA[

import mx.managers.PopUpManager;
import mx.containers.TitleWindow;
import flash.geom.Point;

private var point1:Point = new Point();

private function showWindow():void {
var login:SimpleTitleWindowExample=SimpleTitleWindowExample(PopUpManager.createPopUp( this, SimpleTitleWindowExample , true));
point1.x=myButton.x;
point1.y=myButton.y; 
point1=myButton.localToGlobal(point1);
login.x=point1.x+25;
login.y=point1.y+25;
login.loginName=returnedName;
}
]]>
</mx:Script>

<mx:Panel title="TitleWindow Container Example" height="75%" width="75%" 
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

<mx:Button id="myButton" label="Click to open the TitleWindow container" 
click="showWindow();"/>

<mx:Text id="returnedName" text="" width="100%"/>

</mx:Panel>
</mx:Application>
 

 

SimpleTitleWindowExample.mxml文件代码:

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple custom MXML TitleWindow component.
The TitleWindowApp application displays this component. 
You cannot run it independently. -->

<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" 
title="Title Window" x="168" y="86">

<mx:Script>
<![CDATA[ 
import mx.managers.PopUpManager;
import mx.controls.Text;

public var loginName:Text;

private function returnName():void {
loginName.text="Name entered: " + userName.text; 
PopUpManager.removePopUp(this);
}
]]>
</mx:Script>

<mx:HBox>
<mx:Label text="Enter Name: "/>
<mx:TextInput id="userName" width="100%"/>
</mx:HBox>

<mx:HBox>
<mx:Button label="OK" click="returnName();"/>
<mx:Button label="Cancel" click="PopUpManager.removePopUp(this);"/>
</mx:HBox>

</mx:TitleWindow>
 

[解决办法]
cogWindow = new cogTesterQty();
cogWindow.fGroup=item as FlexGroup;
cogWindow.addEventListener(CloseEvent.CLOSE,closeHandler1);
PopUpManager.addPopUp(cogWindow,this,true);
PopUpManager.centerPopUp(cogWindow);
cogWindow.addEventListener("cog_save",update1);
[解决办法]
学习..留名备份
[解决办法]
学习了

热点排行