Flex 天气预报

效果如下截图：

?

创建一个Flex项目weather

?在weather.mxml中添加一个httpWebservice如下代码：

?<mx:HTTPService? id="hs" url="http://www.google.com/ig/api?weather=Beijing" result="onResult(event)" resultFormat="e4x">
??
?</mx:HTTPService>

定义一个onResult函数如下：

[Bindable]

private var xml:XMl=new XML();

???private function onResult(e:ResultEvent):void{
???xml=XML(e.result);?
???}

?在weather.mxml中添加一个creationComplete="init()"函数

private function init():void{

hs.send();

}

然后再应用程序中添加一个TitleWindow控件，然后再添加一个TileList控件，如下：

?<mx:TitleWindow x="173" y="238" width="432" height="235" title="北京" layout="absolute">
??<mx:TileList x="10" y="10" width="392" height="175" dataProvider="{xml.weather.forecast_conditions}"
??? columnCount="4" itemRenderer="part1"></mx:TileList>
?</mx:TitleWindow>

为titlelist创建一个项目渲染器part1如下：