Flex可视化组件开发

燮羽天翔

Flex可视化组件都继承自UIComponent类
继承结构：
UIComponent
↓
Sprite
↓
DisplayObjectContainer 显示对象容器
↓
InteractiveObject 交互对象
↓
DisplayObject 显示对象
↓
EventDispatcher 事件分发器
↓
Object 通用对象
可视化组建属性：
doubleClickEnabled、Enabled、Height、Width、Id、percentHeight、percentWidth、styleName、toolTip、visible、x、y
数据绑定：
方式一：<s:TextInput id="it" text="数据绑定" x="10" y="10"/><s:TextArea id="xt" text="{it.text}" x="10" y="30"/>方式二：<s:TextInput id="at" text="绑定数据"/><s:TextArea id="bt"/><fx:Binding source="at.text" destination="bt.text"/> 

 
 
ActionScript：
BindingUtils.bindProperty(at,"text",bt,"text");
Bindable数据标签：
<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768"><fx:Script>   <![CDATA[    [Bindable]    public var myDATA1:Number=20;    [Bindable]    public var myDATA2:Number=12;   ]]></fx:Script><s:TextArea text="{ myDATA1}" height="25"/><s:TextArea text="{ myDATA2}" y="50" height="25"/></s:Application> 

 
 
CSS使用：
引入外部CSS：
<fx:Style source="myStyle.css"/>
AS中改变CSS样式：
StyleManager.getStyleDeclaration(".mystyle").setStyle("color",0xccff00);
Flex同样包含Form组建。