`

Flex 一个天气预报的例子

    博客分类:
  • Flex
阅读更多

http://bbs.airia.cn/FLEX/thread-3987-1-1.aspx?SearchText=%E5%A4%A9%E6%B0%94%E9%A2%84%E6%8A%A5

可以直接运行

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="ws.getWeatherbyCityName.send();initToolTip();" width="140" height="145" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#54493d, #54493d]">

<mx:Style>
Panel {
borderColor: #ffffff;
borderThicknessLeft: 1;
borderThicknessTop: 1;
borderThicknessBottom: 1;
borderThicknessRight: 1;
cornerRadius: 0;
headerHeight: 24;
backgroundAlpha: 1;
highlightAlphas: 0, 0;
headerColors: #0066ff, #0000cc;
footerColors: #00ffcc, #c7c7c7;
backgroundColor: #5C626C;
dropShadowEnabled: false;
titleStyleName: "mypanelTitle";
}

.mypanelTitle {
color: #ffffff;
fontSize: 12;
}

ToolTip {
backgroundColor: black;
cornerRadius: 0;
color: #0a84d2;
fontSize:12;
backgroundAlpha:0.4;
}
</mx:Style>
<mx:Script>
<![CDATA[

//动画ToolTipManager
import mx.managers.ToolTipManager;
private function initToolTip():void {
ToolTipManager.hideDelay = 2000;
ToolTipManager.showEffect = rotate;
ToolTipManager.hideEffect = zoom;
}
import mx.controls.Alert;
import mx.collections.ArrayCollection;
public var arrayResult:ArrayCollection;    //保存接收到的结果
public function resultOK():void{        //显示接受的结果
arrayResult=new ArrayCollection();
arrayResult=ws.getWeatherbyCityName.lastResult;

//显示今天的情况
//Today1.text=arrayResult[6].toString().substring(0,arrayResult[6].toString().indexOf(" "));
Today2.text=arrayResult[6].toString().substring((arrayResult[6].toString().indexOf(" "))+1);
TodayPanel.title = "北京:" + arrayResult[6].toString().substring(0,arrayResult[6].toString().indexOf(" "));
TodayPanel.toolTip = arrayResult[6].toString().substring(0,arrayResult[6].toString().indexOf(" ")) + arrayResult[6].toString().substring((arrayResult[6].toString().indexOf(" "))+1) + arrayResult[5] + arrayResult[7];
Today3.text=arrayResult[5];
Today4.text=arrayResult[7];
if(Today2.text=="多云"){
weatherswf1.source="icos/w3.swf"
}

if(Today2.text=="多云转小雨"){
weatherswf1.source="icos/w6.swf"
}
if(Today2.text=="晴转阴"){
weatherswf1.source="icos/w27.swf"
}
if(Today2.text=="阴"){
weatherswf1.source="icos/w4.swf"
}
if(Today2.text=="雾"){
weatherswf1.source="icos/w15.swf"
}
if(Today2.text=="多云转晴"){
weatherswf1.source="icos/w26.swf"
}
if(Today2.text=="小雨转晴"){
weatherswf1.source="icos/w26.swf"
}
if(Today2.text=="晴转多云"){
weatherswf1.source="icos/w27.swf"
}
if(Today2.text=="晴"){
weatherswf1.source="icos/w1.swf"
}
if(Today2.text=="阵雨转多云"){
weatherswf1.source="icos/w12.swf"
}
if(Today2.text=="阵雨转小雨"){
weatherswf1.source="icos/w12.swf"
}
if(Today2.text=="小雨"){
weatherswf1.source="icos/w8.swf"
}
if(Today2.text=="阵雨"){
weatherswf1.source="icos/w12.swf"
}
if(Today2.text=="大雨"){
weatherswf1.source="icos/w10.swf"
}
if(Today2.text=="雨夹雪"){
weatherswf1.source="icos/w20.swf"
}

}





]]>
</mx:Script>

<mx:Rotate id="rotate" />
<mx:Zoom id="zoom" />
<mx:WebService id="ws" wsdl="http://www.webxml.com.cn/WebServices/WeatherWebService.asmx?wsdl"
useProxy="false" showBusyCursor="true">
<mx:operation name="getWeatherbyCityName" result="resultOK()">
<mx:request>
<theCityName>
{city.text.toString()}
</theCityName>
</mx:request>
</mx:operation>
</mx:WebService>
<mx:Panel id="TodayPanel" x="0" y="0" layout="absolute"
title="北京" toolTip="北京天气预报

"  titleIcon="@Embed('assets/tq.png')" fontSize="12" width="140" height="145" >
<mx:TextInput id="city" text="北京"  visible="false" width="20"/>



<!--显示结果的Label-->

<!--显示说明的Label-->



<mx:SWFLoader id="weatherswf1" source="icos/w1.swf" y="-0.05" x="25"/>

<mx:Label x="16.5" y="48.55" text="" width="105" id="Today2" color="#ebebeb"/>
<mx:Label x="16.5" y="72" text="" width="105" id="Today3" color="#ebebeb"/>
<mx:Label x="16.5" y="95.55" text="" width="105" id="Today4" color="#ebebeb"/>


</mx:Panel>

</mx:Application>



分享到:
评论

相关推荐

    ruby+flex实现天气预报

    本文介绍了如何使用Ruby和Flex技术来实现一个天气预报应用,展示了RIA(Rich Internet Applications)开发的优势。Ruby是一种动态、灵活的编程语言,常用于后端业务逻辑处理,而Flex则是一种用于构建富客户端应用的...

    flex 第一步全部源码 实例源码

     书中包括四个大型应用开发实例:Flex数据库留言本、Flex产品展示系统、Flex投票系统、Flex天气预报系统。除此之外,书中还贯穿了大量Demo级小例子,让技术不再抽象,帮你快速掌握Flex开发的关键。  本书采用概念...

    flex资料例子

    这个“flex资料例子”可能包含了一个使用Flex进行图表绘制的实例,特别是关于PowerCharts的评估版本。 在Flex中,图表是一种强大的数据可视化工具,它能够帮助开发者将复杂的数据以图形的形式展示出来,使得用户...

    Flex第一步 源码

    书中包括四个大型应用开发实例:Flex数据库留言本、Flex产品展示系统、Flex投票系统、Flex天气预报系统。除此之外,书中还贯穿了大量Demo级小例子,让技术不再抽象,帮你快速掌握Flex开发的关键。

    Flex第一步光盘源码

     书中包括四个大型应用开发实例:Flex数据库留言本、Flex产品展示系统、Flex投票系统、Flex天气预报系统。除此之外,书中还贯穿了大量Demo级小例子,让技术不再抽象,帮你快速掌握Flex开发的关键。  本书采用概念...

    flex 第一步 源码 使用组件处理数据和交互

    书中包括四个大型应用开发实例:Flex数据库留言本、Flex产品展示系统、Flex投票系统、Flex天气预报系统。除此之外,书中还贯穿了大量Demo级小例子,让技术不再抽象,帮你快速掌握Flex开发的关键。 第5章 使用组件...

    flex 数据库留言本 源码

    书中包括四个大型应用开发实例:Flex数据库留言本、Flex产品展示系统、Flex投票系统、Flex天气预报系统。除此之外,书中还贯穿了大量Demo级小例子,让技术不再抽象,帮你快速掌握Flex开发的关键。

    用webservice 连接 flex 加 c#.net

    在压缩包子文件的文件名称列表中,“webservice读取天气预报”可能包含了一个示例项目,演示了如何通过Flex客户端调用C#.NET编写的WebService服务来获取天气预报数据。这个例子通常会展示以下步骤: 1. **Flex...

    Flex入门基础教程

    为了更好地理解Flex的实际应用,下面简要介绍一个具体的示例项目——一个简单的天气预报应用。 1. **项目概述**:该应用旨在显示指定城市的当前天气状况,包括温度、风速等信息。 2. **技术选型**:使用MXML和...

    flex4与Java交互.pdf

    在这个例子中,我们调用了一个公开的天气预报Web服务。在Flex中,我们需要指定Web服务的WSDL(Web Services Description Language)URL,以便Flex能够自动发现服务的方法和结构。然后,可以像下面这样创建一个Web...

    如何做好Flex与Java交互_.docx

    以下是一个使用Flex调用天气预报Web服务的例子: ```xml fault="ws_faultHandler(event)" result="ws_resultHandler(event)" showBusyCursor="true"&gt; ``` 在处理通信过程中,错误和结果的处理函数是必不可少的...

    微信小程序模板大合集,共123个例子,下面描述之展示了部分模板

    一个(仿) 一元夺宝主页设计 万年历 下拉刷新,tab切换 东航订机票 事项助手 二维码生成器 云笔记 五十音图 五险一金计算 人脸检测 今日头条 仿微信DEMO 仿找事吧 仿网易云音乐 会议精灵 你画我猜 侧滑布局 健康...

    最火推荐130个毕业设计微信小程序源码下载.zip

    一个(仿) 一元夺宝主页设计 万年历 下拉刷新,tab切换 东航订机票 事项助手 二维码生成器 云笔记 五十音图 五险一金计算 交互操作控件 人脸检测 今日头条 仿微信DEMO 仿找事吧 仿网易云音乐 会议...

    微信小程序中常用IF条件和for循环语句的使用

    - **用法**:`if`语句用于检查一个条件,如果条件为真(即非零或非假),则执行代码块内的代码。在微信小程序中,这常用于判断变量的值、比较表达式等。 - **示例**:假设我们有一个变量`score`,我们可以用`if`来...

Global site tag (gtag.js) - Google Analytics