flex 全球天气预报小程序（自己开发）
<?xml version="1.0" encoding="utf-8"?><mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" width="660" height="720"creationComplete="init(),getIp()" ><mx:Script><![CDATA[import mx.controls.Alert;import mx.collections.ArrayCollection;import mx.rpc.events.FaultEvent;import mx.rpc.events.ResultEvent;import mx.formatters.DateFormatter; import flash.utils.Timer; import flash.events.TimerEvent; [Bindable]private var pros:ArrayCollection = new ArrayCollection();[Bindable]private var cities:ArrayCollection = new ArrayCollection();//Initillizationprivate function init():void {addEventListener(KeyboardEvent.KEY_DOWN, onEnterHandler);wsWeather.getWeatherbyCityName("Beijing");//wsWeather.getSupportProvince();} // Enter key Event Handlerprivate function onEnterHandler(event:KeyboardEvent):void {if (event.keyCode == Keyboard.ENTER){query();}}//ResultHandlerprivate function resultHandler( evt:ResultEvent ):void {pros = evt.result as ArrayCollection;var arr:ArrayCollection = ArrayCollection(evt.result); this.lblCity.text = arr[0] + "-" + arr[1];this.city.source = "http://www.cma.gov.cn/tqyb/img/city/" + arr[3];//Weather of Todaythis.lblDate.text = arr[6];this.lblwd.text = "Temp：" + arr[5];this.lblfl.text = arr[7]; this.img1.source = "assets/images/weather/" + arr[8];this.img2.source = "assets/images/weather/" + arr[9];//Weather of Tomorrowthis.lblDate1.text = arr[13];this.lblwd1.text = "Temp：" + arr[12];this.lblfl1.text = arr[14]; this.img3.source = "assets/images/weather/" + arr[15];this.img4.source = "assets/images/weather/" + arr[16];//Weather of The day after tomorrowthis.lblDate2.text = arr[18];this.lblwd2.text = "Temp：" + arr[17];this.lblfl2.text = arr[19];this.img5.source = "assets/images/weather/" + arr[20];this.img6.source = "assets/images/weather/" + arr[21];this.txtIndex.text = arr[11];this.txtWeaDetail.text = " " + arr[10];this.txtCityInfo.text = " " + arr[22];}//FaultHandlerprivate function faultHandler( evt:FaultEvent ):void {Alert.show("Sorry.Remote Connetion is unavailable now. Please try it later","Warning Message");}//Set timeprivate function resetNow(event:TimerEvent):void { // get current date and timevar dateFormatter:DateFormatter = new DateFormatter(); dateFormatter.formatString = "YYYY-MM-DD JJ:NN:SS"; var time:String = new Date().toLocaleTimeString(); var date:String = dateFormatter.format(new Date()); this.date.text = date; }private function getDate():void{//set clock timevar timer:Timer = new Timer(1000); timer.addEventListener(TimerEvent.TIMER, this.resetNow); timer.start();} //Button Search Clicked handlerprivate function query():void {if(txtCity.text == "") {Alert.show("Please input a city name！","*Message Tips*");return;}wsWeather.getWeatherbyCityName(txtCity.text);}public function onComplete(event:ResultEvent):void{var ipInfo:ArrayCollection = (event.result) as ArrayCollection; ip.text = ipInfo[0];address.text = ipInfo[1];var addr : String = ipInfo[1];var cityPattern:RegExp = /(.*省|.{0})(.*)市/;var rs:Object = cityPattern.exec(addr);var realAddr:String = rs[2]; }private function getIp():void{ ipWwebService.getGeoIPContext();}]]></mx:Script><mx:Style source="assets/css/styles.css" /><!--WebService--><mx:WebService id="wsWeather" wsdl="http://www.webxml.com.cn/WebServices/WeatherWebService.asmx?wsdl" showBusyCursor="true" result="resultHandler(event)" fault="faultHandler(event)"/><mx:WebService id="ipWwebService" wsdl="http://www.webxml.com.cn/WebServices/IpAddressSearchWebService.asmx?wsdl" showBusyCursor="true" result="onComplete(event)" fault="faultHandler(event)"/><mx:Panel width="100%" height="100%" layout="absolute" title="Weather Forecast All Around the World" fontSize="12" ><!--Header Part--><mx:Canvas top="0"> <mx:TextInput x="10" y="10" id="txtCity" text="Beijing" width="119" toolTip="Please input a City Name"/><mx:Button x="137" y="10" label="Search" id="btnQuery" click="query()" buttonMode="true" toolTip="Press Enter to Search" borderColor="#0099ff"/><mx:Label x="10" y="38" width="206.25" height="24" fontWeight="bold" color="#FD060C" id="lblCity"/> <mx:Text id="date" text="" creationComplete="this.getDate()" right="1" height="20" width="167" top="2" color="red"/><mx:Image id="city" x="226.25" y="3" width="140.75" height="69"/><mx:Label x="390" y="23" text="IP:" width="53" height="24" fontWeight="bold" truncateToFit="true" textAlign="right" paddingTop="4"/><mx:Label x="378" y="48" text="Location:" height="24" textAlign="right" paddingTop="4"/><mx:Text x="449" y="26" id="ip" width="120" height="24" color="#6E8ADE"/><mx:Text x="450" y="53" width="120" id="address" height="24" color="#6E8ADE"/></mx:Canvas><!--Weather Info of Three Days--><mx:HBox top="90" left="80" horizontalGap="90" width="100%"> <mx:Label text="Today" fontWeight="bold" color="#000000"/><mx:Label text="Tomorrow" fontWeight="bold" color="#cdcdcd" /><mx:Label text="The Day After Tomorrow" fontWeight="bold" color="#ffbdbd"/></mx:HBox><mx:HBox y="111" x="20" ><!--Weather of Today--><mx:Canvas width="168" height="138" borderStyle="solid" borderColor="#111AC6"><mx:VBox left="10" horizontalAlign="center" verticalGap="10"> <mx:Label width="146" height="24" id="lblDate" styleName="WeaToday"/><mx:Label width="146" height="24" id="lblwd" styleName="WeaToday"/><mx:Label id="lblfl" width="146" height="29" styleName="WeaToday"/> </mx:VBox><mx:HBox top="100" left="40" horizontalGap="20"> <mx:Image id="img1" /><mx:Image id="img2" /></mx:HBox></mx:Canvas><!--Weather of Tomorrow--><mx:Canvas width="168" height="138" borderStyle="solid" borderColor="#111AC6"><mx:VBox left="10" horizontalAlign="center" verticalGap="10"><mx:Label width="146" id="lblDate1" styleName="WeaTomorrow"/><mx:Label width="146" height="24" id="lblwd1" styleName="WeaTomorrow"/><mx:Label id="lblfl1" width="146" height="29" styleName="WeaTomorrow"/></mx:VBox><mx:HBox top="100" left="40" horizontalGap="20"> <mx:Image id="img3" /><mx:Image id="img4" /></mx:HBox></mx:Canvas><!--Weather of The day after tomorrow--><mx:Canvas width="168" height="138" borderStyle="solid" borderColor="#111AC6"><mx:VBox left="10" horizontalAlign="center" verticalGap="10"><mx:Label width="146" id="lblDate2" styleName="WeaAfter"/><mx:Label width="146" height="24" id="lblwd2" styleName="WeaAfter"/><mx:Label id="lblfl2" width="146" height="29" styleName="WeaAfter"/></mx:VBox><mx:HBox top="100" left="40" horizontalGap="20"> <mx:Image id="img5" /><mx:Image id="img6" /></mx:HBox></mx:Canvas> </mx:HBox><mx:VBox top="260" left="10" borderColor="#dedede"><mx:Label text="今日综合指数信息概览" color="#0099ff"/><mx:TextArea width="570" height="85" id="txtIndex" editable="false"/><mx:Label text="今天的详细天气情况" color="#0099ff"/><mx:TextArea width="570" height="54" id="txtWeaDetail" editable="false"/><mx:Label id="lblCityInfo" text="{txtCity.text}市信息概览" color="#0099ff" /><mx:TextArea width="570" height="98" id="txtCityInfo" editable="false"/></mx:VBox></mx:Panel></mx:WindowedApplication>