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>