flex系列基础教程：[10]flex基础控件详解

来源：互联网 2023-03-17 00:28:12 497

flex3中有很多内置的组件，下面就和大家分享下其中一部分的使用，

1，可能不能把所有的都说到，只说一些比较常用的吧，

2，关于控件的样式大家可以自行修改，flex样式和html中的css很相似。

工具/原料

电脑
flex开发环境

方法/步骤

linkbutton，就类似级帽html中的a标签，实际就是一个超链接，我在下面写了一个简单的例子：

mx:LinkButton label="LinkButton control" color="#0000FF" fontWeight="bold"

click="Alert.show('LinkButton selected!');"/>

flex系列基础教程：[10]flex基础控件详解

下面这个是ButtonBar，依然附上一个小例子，ButtonBar里的按钮是可以从数据源中获得的，比如数据源提供了5个，那ta就可以动态生成5个按钮，

mx:ButtonBar itemClick="clickHandler(event);">

mx:dataProvider>

mx:Array>

mx:String>Flash/mx:String>

mx:String>Director/mx:String>

mx:String>Dreamweaver/mx:String>

mx:String>ColdFusion/mx:String>

/mx:Array>

/mx:dataProvider>

/mx:ButtonBar>

flex系列基础教程：[10]flex基础控件详解

2本页面非法爬取自百度经验

接下来的是MenuBar，这个可以狠英是可以动态添加，根据数据源来显示按钮，下面我提供了一个xml作为数据源的小例子，结果就像下图中的那样，这里我把xml转型成XMLListCollection了哦。

[Bindable]

public var menuBarCollection:XMLListCollection;

private var menubarXML:XMLList =

menuitem label="Menu1" data="top">

menuitem label="MenuItem 1-A" data="1A"/>

menuitem label="MenuItem 1-B" data="1B"/>

/menuitem>

menuitem label="Menu2" data="top">

menuitem label="MenuItem 2-A" type="check" data="2A"/>

销场材 menuitem type="separator"/>

menuitem label="MenuItem 2-B" >

menuitem label="SubMenuItem 3-A" type="radio"

groupName="one" data="3A"/>

menuitem label="SubMenuItem 3-B" type="radio"

groupName="one" data="3B"/>

/menuitem>

/>;

private function initCollections():void {

menuBarCollection = new XMLListCollection(menubarXML);

}

flex系列基础教程：[10]flex基础控件详解

注意事项

flex基础哦。

flex图标例子4|下一篇：

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签：编程语言

上一篇：帝国cms采集方法下一篇：CodeBlocks无法编译怎么办

flex系列基础教程：[10]flex基础控件详解

工具/原料

方法/步骤

注意事项

热门文章

标签列表