Flex可视化组件相关作用

关于可视化组件有3方面作用于可视化组件：

一、数据集成与绑定

1，集合类数据与DataProvider

（1）集合类可用作通用的Flex可视化组件数据源。集合类的标准类型是：ArrayCollection和XMLListCollection.他们继承自mx.collections.ListCollection类型。

像ButtonBar,ColorPicker,ComboBox,DataField,List等Flex可视化组件均支持dataProvider属性

二，数据绑定

Flex提供了三种数据绑定的定义方式：

（1）在MXML中使用大括号定义属性：

<mx:TextInput id="ti" text="请输入"/>

<mx:Text id="tx" text="{ti.text}"/>

通过大括号对id为tx的Text组件进行了数据绑定，当TextInput组件的text属性发生变化时，Text的text属性也发生变化。

（2）在MXML中使用<mx:Bindin>：

<mx:Text id="tx" text="请输入"/>

<mx:Text id="tx"/>

<mx:Binding source="ti.text" destination="tx.text"/>

(3)在ActionScript里面使用BingdingUtil类的方法：

BindingUtils.bindProperty(ti,"text",tx,"text");

三，CSS，可视化组件的样式处理

1,

(1).Flex引用外部CSS文件

<mx:Style source="myStyle.css"/>

(2).内部定义CSS

<mx:Style>

myFontStyle

{

fontSize:15;

color:#9933FF;

}

<mx:Style>

2、在ActionScript中操作Flex CSS

StyleManager.getStyleDeclaration(".myStyle").setStyle("color",0xCC66CC);