如何去掉Flex中TitleWindow的头部关闭按钮

2025-10-20 06:39:32

1、第一步,不管对于什么Flex项目,首先需要一个Flex应用程序

新建一个以TitleWindow命名的Flex应用程序,如下图所示:

如何去掉Flex中TitleWindow的头部关闭按钮

2、第二步,TitleWindow作为一个弹窗,需要新建一个组件

新建一个Flex组件WinDrag,继承TitleWindow

如下图所示:

如何去掉Flex中TitleWindow的头部关闭按钮

3、第三步,一个Flex应用程序和Flex组件,需要一个按钮触发事件,点击按钮弹出窗口

<mx:VBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">

<s:Button label="弹窗" click="clickHandler(event)"/>

</mx:VBox>

如下图所示:

如何去掉Flex中TitleWindow的头部关闭按钮

4、第四步,在弹窗组件中,新建一个表格DataGrid,并声明一个ArrayCollection作为表格的数据源

[Bindable]

private var dataGridArray:ArrayCollection = new ArrayCollection([

{name:"张三丰",age:"25",sex:"男",addr:"湖北省武汉市"},

{name:"李思思",age:"20",sex:"女",addr:"湖南省长沙市"},

{name:"吴雪丽",age:"24",sex:"女",addr:"广东省深圳市"},

{name:"",age:"",sex:"",addr:""},

{name:"",age:"",sex:"",addr:""}

]);

如下图所示:

如何去掉Flex中TitleWindow的头部关闭按钮

5、第五步,在弹窗中添加表格代码,绑定数据源dataGridArray

<mx:HBox width="100%" height="100%">

<mx:DataGrid id="dataGrid" dataProvider="{dataGridArray}

<mx:columns>

<mx:DataGridColumn dataField="name" headerText="姓名"/>

<mx:DataGridColumn dataField="age" headerText="年龄"/>

<mx:DataGridColumn dataField="sex" headerText="性别"/>

<mx:DataGridColumn dataField="addr" headerText="住址"/>

</mx:columns>

</mx:DataGrid>

</mx:HBox>

如下图所示:

如何去掉Flex中TitleWindow的头部关闭按钮

6、第六步,在应用程序中,弹窗按钮只给了点击事件,未对事件做任何处理

现在,需要将弹窗绑定到事件中

/**

* 点击事件

*/

protected function clickHandler(event:MouseEvent):void

{

var winDrag:WinDrag = WinDrag(PopUpManager.createPopUp(this,WinDrag,true));

PopUpManager.centerPopUp(winDrag);

}

如下图所示:

如何去掉Flex中TitleWindow的头部关闭按钮

7、第七步,在Flash Builder4.0中,直接运行Flex应用程序

启动后,会在浏览器中看到一个弹窗按钮,单击按钮,会弹出一个带有表格的窗口,这时的窗口还有关闭按钮

如何去掉Flex中TitleWindow的头部关闭按钮

如何去掉Flex中TitleWindow的头部关闭按钮

8、第八步,现在要做的是,该如何去掉关闭按钮

在弹窗按钮单击事件中,添加下面两段代码

winDrag.titleDisplay.parent.visible = false;

winDrag.titleDisplay.parent.height = 0;

如下图所示:

如何去掉Flex中TitleWindow的头部关闭按钮

9、第九步,再次启动应用程序,查看浏览器,这时关闭按钮去掉了,如下图所示:

如何去掉Flex中TitleWindow的头部关闭按钮

如何去掉Flex中TitleWindow的头部关闭按钮

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢