flex入门--初学笔记1
环境：flashBuilder + eclipse 4.2
基本控件：
1 <mx:Script> 2 <![CDATA[ 3 import mx.controls.Alert; 4 public function showMsg(msg:String):void{ 5 mx.controls.Alert.show(msg); 6 } 7 ]]> 8 </mx:Script> 9 <mx:Panel title="常用控件" width="100%" height="100%"> 10 <mx:Label text="常用控件" color="red"/> 11 <mx:Form> 12 <mx:FormHeading label="常用控件" horizontalCenter="center" color="red"/> 13 <mx:FormItem label="TextInput" fontWeight="bold" > 14 <mx:TextInput id="yourName" width="250" /> 15 </mx:FormItem> 16 17 <mx:FormItem label="TextArea" fontWeight="bold" > 18 <mx:TextArea id="aboutYou" textAlign="center" width="250" /> 19 </mx:FormItem> 20 21 <mx:FormItem label="RichTextEditor" fontWeight="bold" > 22 <mx:RichTextEditor id="rte" height="150"/> 23 </mx:FormItem> 24 25 <mx:FormItem label="DateField" fontWeight="bold" > 26 <mx:DateField text="12/05/2008" id="thisDateField" change="showMsg(thisDateField.selectedDate.toString())"/> 27 </mx:FormItem> 28 29 <mx:FormItem label="LinkBar" fontWeight="bold" > 30 <mx:LinkBar id="thisLinkBar" dataProvider="{['One','Two','Three']}"/> 31 </mx:FormItem> 32 33 34 <mx:FormItem label="ButtonBar" fontWeight="bold" > 35 <mx:ButtonBar id="thisBtnBar" dataProvider="{['One','Two','Three']}"/> 36 </mx:FormItem> 37 38 <mx:FormItem label="ToggleButtonBar" fontWeight="bold" > 39 <mx:ToggleButtonBar id="thisToggleBar" dataProvider="{['One','Two','Three']}"/> 40 </mx:FormItem> 41 42 <mx:FormItem label="CheckBox" fontWeight="bold" > 43 <mx:HBox> 44 <mx:CheckBox id="s1" label="选择1" click="showMsg(''+s1.selected)"/> 45 <mx:CheckBox id="s2" label="选择2" click="showMsg(''+s2.selected)"/> 46 </mx:HBox> 47 </mx:FormItem> 48 49 <mx:FormItem label="RadioButtonGroup" fontWeight="bold" > 50 <mx:HBox> 51 <mx:RadioButtonGroup id="spam"/> 52 <mx:RadioButton id="yes" 53 groupName="spam" 54 label="yes" /> 55 <mx:RadioButton id="no" 56 groupName="spam" 57 label="no"/> 58 </mx:HBox> 59 60 </mx:FormItem> 61 </mx:Form> 62 63 </mx:Panel>
<mx:Accordion>
1 <mx:Accordion id="myAccordion" headerHeight="25" x="30" y="40" width="800" height="400" textAlign="center"> 2 <mx:Canvas label="幼儿园" width="100%" height="130"> 4 <mx:Image id="img1" source="@Embed(source='pic/2.jpg')" width="100%" height="900" toolTip="pic/2.jpg" /> </mx:Canvas> 8 <mx:Canvas label="小学" width="100%" height="130"> 9 <mx:Image id="img2" source="@Embed(source='pic/3.jpg')" width="100%" height="130" toolTip="pic/3.jpg" /> 10 </mx:Canvas> 11 <mx:Canvas label="初中" width="100%" height="130"> 12 <mx:Image id="img3" source="@Embed(source='pic/4.jpg')" width="100%" height="130" toolTip="pic/4.jpg" /> 13 </mx:Canvas> 14 <mx:Canvas label="高中" width="100%" height="130"> 15 <mx:Image id="img4" source="@Embed(source='pic/5.jpg')" width="100%" height="130" toolTip="pic/5.jpg" /> 16 </mx:Canvas> 17 <mx:Canvas label="大学" width="100%" height="130"> 18 <mx:Image id="img5" source="@Embed(source='pic/6.jpg')" width="100%" height="130" toolTip="pic/6.jpg" /> 19 </mx:Canvas> 22 </mx:Accordion>
疑惑：flex 中使用WebService ? WebService?
