Flex基础控件示例

「爱情、让人受尽委屈。」 2022-07-12 04:55 193阅读 0赞

<?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>