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

TitleWindow作为Flex中的一个弹窗组件,在项目中涉及到非常多,并且要根据需求修改它的样式以及功能。TitleWindow有它自带的关闭按钮,但是有时为了统一样式,需要将关闭按钮去掉或隐藏。

TitleWindow作为Flex中的一个弹窗组件,在项目中涉及到非常多,并且要根据需求修改它的样式以及功能。TitleWindow有它自带的关闭按钮,但是有时为了统一样式,需要将关闭按钮去掉或隐藏。下面介绍具体实现的步骤。

第一步:新建Flex应用程序

不管对于什么类型的Flex项目,首先需要新建一个以TitleWindow命名的Flex应用程序。

第二步:新建一个组件

TitleWindow作为一个弹窗,需要新建一个组件来承载它。新建一个Flex组件WinDrag,继承TitleWindow。

第三步:添加触发事件的按钮

在Flex应用程序中添加一个按钮,用于触发弹窗的显示。

第四步:声明表格数据源

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

第五步:绑定数据源

将表格代码添加到弹窗组件中,并绑定数据源。

第六步:绑定弹窗到点击事件

将弹窗组件绑定到按钮的点击事件,使得点击按钮时弹出窗口。

第七步:运行应用程序

在Flash Builder4.0中运行Flex应用程序,点击按钮,会弹出一个带有表格的窗口,这时的窗口还有关闭按钮。

第八步:去掉关闭按钮

在弹窗按钮的点击事件中,添加代码将关闭按钮隐藏或去掉。

第九步:重新启动应用程序

重新启动应用程序,查看浏览器,此时关闭按钮已经被去掉了。

标签: