flex入门--初学笔记1

 环境：flashBuilder + eclipse 4.2

基本控件：

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            public function showMsg(msg:String):void{
                mx.controls.Alert.show(msg);
            }
        ]]>
    </mx:Script>
    <mx:Panel title="常用控件" width="100%" height="100%">
        <mx:Label text="常用控件" color="red"/>
        <mx:Form> 
            <mx:FormHeading label="常用控件" horizontalCenter="center" color="red"/>
            <mx:FormItem label="TextInput"  fontWeight="bold" >
                <mx:TextInput id="yourName" width="250"  />
            </mx:FormItem>
            
            <mx:FormItem label="TextArea"  fontWeight="bold" >
                <mx:TextArea id="aboutYou" textAlign="center" width="250" />
            </mx:FormItem>
            
            <mx:FormItem label="RichTextEditor"  fontWeight="bold" >
                <mx:RichTextEditor id="rte" height="150"/> 
            </mx:FormItem>
            
            <mx:FormItem label="DateField"  fontWeight="bold" >
                <mx:DateField text="12/05/2008" id="thisDateField" change="showMsg(thisDateField.selectedDate.toString())"/>            
            </mx:FormItem>
            
            <mx:FormItem label="LinkBar"  fontWeight="bold" >
                <mx:LinkBar id="thisLinkBar" dataProvider="{['One','Two','Three']}"/>
            </mx:FormItem>
            
            
            <mx:FormItem label="ButtonBar"  fontWeight="bold" >
                <mx:ButtonBar id="thisBtnBar" dataProvider="{['One','Two','Three']}"/>
            </mx:FormItem>
            
            <mx:FormItem label="ToggleButtonBar"  fontWeight="bold" >
                <mx:ToggleButtonBar id="thisToggleBar" dataProvider="{['One','Two','Three']}"/>
            </mx:FormItem>
            
            <mx:FormItem label="CheckBox"  fontWeight="bold" >
                <mx:HBox>
                    <mx:CheckBox id="s1" label="选择1"  click="showMsg(''+s1.selected)"/>
                    <mx:CheckBox id="s2" label="选择2"  click="showMsg(''+s2.selected)"/>
                </mx:HBox>
            </mx:FormItem>
            
            <mx:FormItem label="RadioButtonGroup"  fontWeight="bold" >
                <mx:HBox>
                    <mx:RadioButtonGroup id="spam"/>
                    <mx:RadioButton id="yes"
                                    groupName="spam"
                                    label="yes" />
                    <mx:RadioButton id="no"
                                    groupName="spam"
                                    label="no"/>
                </mx:HBox>
                
            </mx:FormItem> 
        </mx:Form> 
        
    </mx:Panel>

<mx:Accordion>

    <mx:Accordion id="myAccordion" headerHeight="25" x="30" y="40" width="800" height="400" textAlign="center">
            <mx:Canvas label="幼儿园" width="100%" height="130">
               <mx:Image id="img1" source="@Embed(source='pic/2.jpg')" width="100%" height="900" toolTip="pic/2.jpg" />                 </mx:Canvas>
            <mx:Canvas label="小学" width="100%" height="130">
                <mx:Image id="img2" source="@Embed(source='pic/3.jpg')" width="100%" height="130" toolTip="pic/3.jpg" />
            </mx:Canvas>
            <mx:Canvas label="初中" width="100%" height="130">
                <mx:Image id="img3" source="@Embed(source='pic/4.jpg')" width="100%" height="130" toolTip="pic/4.jpg" />
            </mx:Canvas>
            <mx:Canvas label="高中" width="100%" height="130">
                <mx:Image id="img4" source="@Embed(source='pic/5.jpg')" width="100%" height="130" toolTip="pic/5.jpg" />
            </mx:Canvas>
            <mx:Canvas label="大学" width="100%" height="130">
                <mx:Image id="img5" source="@Embed(source='pic/6.jpg')" width="100%" height="130" toolTip="pic/6.jpg" />
            </mx:Canvas>             
        </mx:Accordion>

疑惑：flex 中使用WebService ?  WebService?