如何去掉Flex中TitleWindow的头部关闭按钮
TitleWindow作为Flex中的一个弹窗组件,在项目中涉及到非常多,并且要根据需求修改它的样式以及功能。TitleWindow有它自带的关闭按钮,但是有时为了统一样式,需要将关闭按钮去掉或隐藏。
TitleWindow作为Flex中的一个弹窗组件,在项目中涉及到非常多,并且要根据需求修改它的样式以及功能。TitleWindow有它自带的关闭按钮,但是有时为了统一样式,需要将关闭按钮去掉或隐藏。下面介绍具体实现的步骤。
第一步:新建Flex应用程序
不管对于什么类型的Flex项目,首先需要新建一个以TitleWindow命名的Flex应用程序。
第二步:新建一个组件
TitleWindow作为一个弹窗,需要新建一个组件来承载它。新建一个Flex组件WinDrag,继承TitleWindow。
第三步:添加触发事件的按钮
在Flex应用程序中添加一个按钮,用于触发弹窗的显示。
第四步:声明表格数据源
在弹窗组件中,新建一个表格DataGrid,并声明一个ArrayCollection作为表格的数据源。
第五步:绑定数据源
将表格代码添加到弹窗组件中,并绑定数据源。
第六步:绑定弹窗到点击事件
将弹窗组件绑定到按钮的点击事件,使得点击按钮时弹出窗口。
第七步:运行应用程序
在Flash Builder4.0中运行Flex应用程序,点击按钮,会弹出一个带有表格的窗口,这时的窗口还有关闭按钮。
第八步:去掉关闭按钮
在弹窗按钮的点击事件中,添加代码将关闭按钮隐藏或去掉。
第九步:重新启动应用程序
重新启动应用程序,查看浏览器,此时关闭按钮已经被去掉了。