Flex 利用PopUpButton创建TitleWindow

最新推荐文章于 2021-02-21 14:14:01 发布

lixuekun820

最新推荐文章于 2021-02-21 14:14:01 发布

阅读量1.8k

点赞数

分类专栏：技术文档文章标签： flex object datagrid radiobutton application function

技术文档专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何通过PopUpButton控件实现TitleWindow的弹出窗口效果，并展示了完整的MXML代码实例。该实例中包括了自定义样式、事件处理及数据绑定等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面的例子是如何利用PopUpButton控件来创建一个弹出式的TitleWindow容器。

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:Style> TitleWindow { roundedBottomCorners: false; borderColor: haloSilver; backgroundColor: haloSilver; borderAlpha: 0.8; backgroundAlpha: 0.8; dropShadowEnabled: false; } </mx:Style> <mx:Script>  </mx:Script> <mx:ArrayCollection id="arrColl"> <mx:source> <mx:Array id="arr"> <mx:Object label="Button" /> <mx:Object label="ButtonBar" /> <mx:Object label="CheckBox" /> <mx:Object label="ColorPicker" sel="true" /> <mx:Object label="ComboBox" sel="true" /> <mx:Object label="DataGrid" sel="true" /> <mx:Object label="DateChooser" /> <mx:Object label="DateField" sel="true" /> <mx:Object label="HorizontalList" /> <mx:Object label="HRule" /> <mx:Object label="HSlider" /> <mx:Object label="Image" /> <mx:Object label="Label" /> <mx:Object label="LinkBar" /> <mx:Object label="LinkButton" /> <mx:Object label="List" sel="true" /> <mx:Object label="Menu" /> <mx:Object label="MenuBar" /> <mx:Object label="NumericStepper" sel="true" /> <mx:Object label="ProgressBar" /> <mx:Object label="RadioButton" /> <mx:Object label="RadioButtonGroup" /> <mx:Object label="RichTextEditor" sel="true" /> <mx:Object label="Spacer" /> <mx:Object label="SWFLoader" /> <mx:Object label="TabBar" /> <mx:Object label="Text" /> <mx:Object label="TextArea" /> <mx:Object label="TextInput" /> <mx:Object label="TileList" /> <mx:Object label="Tree" sel="true" /> <mx:Object label="VideoDisplay" /> <mx:Object label="VRule" /> <mx:Object label="VScrollBar" /> <mx:Object label="VSlider" /> </mx:Array> </mx:source> </mx:ArrayCollection> <mx:ApplicationControlBar dock="true"> <mx:PopUpButton id="popUpButton" label="Please select some components" openAlways="true" close="arrColl.refresh();"> <mx:popUp> <mx:TitleWindow id="titleWin" height="200" showCloseButton="true" verticalScrollPolicy="on" horizontalScrollPolicy="off" close="popUpButton.close();"> <mx:ToolBar width="320"> <mx:Repeater id="myRep" dataProvider="{arrColl}"> <mx:CheckBox data="{myRep.currentIndex}" label="{myRep.currentItem.label}" selected="{myRep.currentItem.sel}" change="checkBox_change(event);" width="100" /> </mx:Repeater> </mx:ToolBar> <mx:ControlBar> <mx:CheckBox label="Select All" labelPlacement="left" change="selectAll(event);" /> </mx:ControlBar> </mx:TitleWindow> </mx:popUp> </mx:PopUpButton> </mx:ApplicationControlBar> <mx:DataGrid dataProvider="{arrColl}"> <mx:columns> <mx:DataGridColumn dataField="label" /> <mx:DataGridColumn dataField="sel" labelFunction="sel_labelFunc" /> </mx:columns> </mx:DataGrid> </mx:Application>