Study Flex

Flex

主要运用技术:
1.MXML
2.ActionScript
3.Flex Library
4.Flex Service
5.MXML-Flash(swf)

MXML
Macromedia XML(一个描述应用程序界面的XML语言)
归根结底就是XML,那么完全可以以XML的知识来学习.
通用格式:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
</mx:Application>

 

mx元素中如果需要绑定数据或者强迫编译器执行表达式,可以将变量的部分用花括号("{}")包起来
Example:
<mx:List dataProvider="{myArray}"/>

Flex可视组件(以HTML来对比):
-----------------------
<label>text</label>
<mx:Label text="text"/>
-----------------------
<input type="text">
<mx:TextInput/>
------------------------
<input type="password"/>
<mx:TextInput displayAsPassword="true"/>
------------------------
<input type="checkbox" value="checkbox"/>checkbox</input>
<mx:CheckBox label="CheckBox"/>
------------------------
<input type="radio" value="radio"/>radio</input>
<mx:RadioButtonGroup id="radiogroup1"/>
<mx:RadioButton label="RadioButton" groupName="radiogroup1"/>
------------------------
<input type="button" value="button"/>
<mx:Button label="button" click="clickEventHandle()"/>
------------------------
<input type="image" src="ex.jpg"/>
<mx:Image source="ex.jpg"/>
------------------------
<textarea></textarea>
<mx:TextArea/>
------------------------
<select><option></option></select>
<mx:ComboBox dataProvider="{myArray}"/>
------------------------
Flex还包含许多实用的数据展现组件,如List;DataGrid...等等,待后面再一步步实践.

Example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="198" height="275">
<mx:Script>
  <![CDATA[
   import mx.controls.List;
 public function addToCart():void{
  cartData.addItem(coffeeCombo.selectedItem);
 }
  ]]>
</mx:Script>
<!--data for ComboBox--> 
<mx:Array id="coffeeArray">
 <mx:Object label="class A" data="1"/>
 <mx:Object label="class B" data="2"/>
 <mx:Object label="class C" data="3"/>
 <mx:Object label="class D" data="4"/>
 <mx:Object label="class E" data="5"/>
</mx:Array>
<!--data for List-->
<mx:ArrayCollection id="cartData">
</mx:ArrayCollection>
 <mx:ComboBox id="coffeeCombo" dataProvider="{coffeeArray}" x="7" y="20"/>
 <mx:Text text="Description selected data : {coffeeCombo.selectedItem.data}" x="5.5" y="65"/>
 <mx:Button label="Add to Cart" click="addToCart()" x="104" y="20"/> 
 <mx:List id="cart" dataProvider="{cartData}" x="10" y="112" height="142" width="178"/>
 <mx:Label x="10" y="91" text="Your Cart List:"/>
</mx:Application>