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组建。