Flex基礎控件示例

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.CloseEvent;
			import mx.controls.CheckBox;
			//月份中文
			public static const MONTH_NAMES:Array=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];
			//星期中文
			public static const DAY_NAMES:Array=["七","一","二","三","四","五","六"];
			private function testalert():void
			{
				Alert.show("歡迎來到Flex世界！","信息提示");
			}
			private function testconfim():void
			{
				Alert.yesLabel="確定";
				Alert.noLabel="取消";
				Alert.show("你想要保存改變嗎?","保存改變",Alert.YES|Alert.NO,this,alertClickHandler);
			}
			private function alertClickHandler(evt:CloseEvent):void 
            {
            	Alert.okLabel="確定";
            	if(evt.detail==Alert.YES) 
            	{
            		Alert.show("你點擊了確定按鈕！","信息提示");
                }
                else 
                {
                	Alert.show("你點擊了取消按鈕！","信息提示");
                }
            }
            private function getTextValue():void
            {
            	Alert.okLabel="確定";
            	Alert.show(txt1.text,"信息提示");
            }
            private function setTextValue():void
            {
            	Alert.okLabel="確定";
            	txt1.text="會員號";
            	Alert.show("設置文本框數據成功！","信息提示");
            }
            private function getRadioSelect():void
            {
            	Alert.okLabel="確定";
            	Alert.show(radio.selectedValue.toString(),"信息提示");
            }
            private function setRadioSelect():void
            {
            	radio.getRadioButtonAt(0).selected=true;
            }
            private function getCheckBoxSelect():void
            {
            	var str:String="";
            	if(dy.selected)
            	{
            		str=str+dy.label+",";
            	}
            	if(ps.selected)
            	{
            		str=str+ps.label+",";
            	}
            	if(yy.selected)
            	{
            		str=str+yy.label
            	}
            	Alert.okLabel="確定";
            	Alert.show(str,"信息提示");
            }
            private function canelCheckBoxSelect():void
            {
            	dy.selected=false;
            	ps.selected=false;
            	yy.selected=false;
            }
            private function setCheckBoxSelect():void
            {
            	yy.selected=true;
            }
            private function getComboBoxSelect():void
            {
            	Alert.show(combobox.selectedItem.label+","+combobox.selectedItem.data,"信息提示");
            }
            private function setComboBoxSelect():void
            {
            	combobox.selectedIndex=2;
            }
            private function getDateField():void
            {
            	Alert.show(rq.text,"信息提示");
            }
		]]>
	</mx:Script>
	<mx:Canvas width="100%" height="100%" backgroundColor="white">
		<mx:VBox>
			<mx:HBox>
				<mx:Button label="彈出對話框" click="testalert();"/>
			</mx:HBox>
			<mx:HBox>
				<mx:Button label="彈出確定取消對話框" click="testconfim();"/>
			</mx:HBox>
			<mx:HBox>
				<mx:TextInput id="txt1" text="郵箱/手機號"/>
				<mx:Button label="獲取文本框數據" click="getTextValue();"/>
				<mx:Button label="設置文本框數據" click="setTextValue();"/>
			</mx:HBox>
			<mx:HBox>
				<mx:RadioButtonGroup id="radio"/>
				<mx:RadioButton groupName="radio" label="是" selected="true" value="yes"/>
				<mx:RadioButton groupName="radio" label="否" value="no"/>
				<mx:Button label="獲取選中的單選按鈕" click="getRadioSelect();"/>
				<mx:Button label="設置選中單選按鈕" click="setRadioSelect()"/>
			</mx:HBox>
			<mx:HBox>
				<mx:CheckBox label="電影" id="dy"/>
				<mx:CheckBox label="爬山" id="ps"/>
				<mx:CheckBox label="音樂" id="yy"/>
				<mx:Button label="獲得選中的複選框" click="getCheckBoxSelect()"/>
				<mx:Button label="全不選" click="canelCheckBoxSelect()"/>
				<mx:Button label="設置選中複選框" click="setCheckBoxSelect()"/>
			</mx:HBox>
			<mx:HBox>
				<mx:ComboBox id="combobox">
					<mx:Array>
						<mx:Object data="1" label="電影"/>
						<mx:Object data="2" label="爬山"/>
						<mx:Object data="3" label="音樂"/>
					</mx:Array>
				</mx:ComboBox>
				<mx:Button label="獲取下拉框值" click="getComboBoxSelect()"/>
				<mx:Button label="設置下拉框選項" click="setComboBoxSelect()"/>
			</mx:HBox>
			<mx:HBox>
				<mx:DateField showToday="true" formatString="YYYYMMDD" monthNames="{MONTH_NAMES}" dayNames="{DAY_NAMES}" id="rq" selectedDate="{new Date()}"/>
				<mx:Button label="獲得日期值" click="getDateField()"/>
			</mx:HBox>
		</mx:VBox>
	</mx:Canvas>
</mx:Application>