效果如下截图:
![](https://i-blog.csdnimg.cn/blog_migrate/d71c0c6d7b71b20d889d082634fcb887.jpeg)
创建一个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如下: