flex 使用webservices 写的天气预报
注意:本机必须连接互联网
效果图:
源码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" creationComplete="init()">
<mx:Panel width="620" height="455" layout="absolute" title="天气预报" fontSize="12">
<mx:HRule x="10" y="78" width="570"/>
<mx:Label x="44" y="50" text="今 天" width="67" fontWeight="bold" color="#030303"/>
<mx:Label x="474" y="50" text="后 天" width="67" fontWeight="bold" color="#030303"/>
<mx:Label x="247" y="50" text="明 天" width="67" fontWeight="bold" color="#030303"/>
<mx:Canvas x="10" y="88" width="168" height="315" borderStyle="solid" borderColor="#111AC6">
<mx:Label x="10" y="10" width="146" id="lblDate"/>
<mx:Label x="10" y="38" width="146" height="24" id="lblwd"/>
<mx:Label x="10" y="70" id="lblfl" width="146" height="29"/>
<mx:Image x="10" y="120" width="70" height="65" id="imgToday"/>
<mx:Image x="88" y="120" width="70" height="65" id="imgToday2"/>
<mx:TextArea x="10" y="197" width="148" height="106" id="taDetail" editable="false"/>
</mx:Canvas>
<mx:Canvas x="204" y="88" width="173" height="315" borderStyle="solid" borderColor="#111AC6">
<mx:Label x="10" y="10" width="138" id="lblDate1"/>
<mx:Label x="10" y="38" width="136" height="24" id="lblwd1"/>
<mx:Label x="10" y="70" id="lblfl1" width="136" height="29"/>
<mx:Image x="10" y="120" width="70" height="65" id="imgTomorrow"/>
<mx:Image x="88" y="120" width="70" height="65" id="imgTomorrow2"/>
<mx:TextArea x="10" y="197" width="148" height="106" id="taDetail1" editable="false"/>
</mx:Canvas>
<mx:Canvas x="403" y="88" width="175" height="315" borderStyle="solid" borderColor="#111AC6">
<mx:Label x="10" y="10" width="138" id="lblDate2"/>
<mx:Label x="10" y="38" width="136" hei
相关文档:
更多 Flex 4 示例,请到 http://www.slsay.com
现有成熟常用的Flex框架:
Cairngorm (Adobe Open Source) - MVC framework
PureMVC (Open Source) - MVC framework
Mate (Open Source) - tag-based, event-driven
Swiz (Open Source) - Metadata-based Dependency Injection ......
--------------ex2_01_solution 选取时间-----------------------
...
private function dateChangeHandler():void
{
// The Alert.show() message displays a static string plus the selected date in the startDate control
......
package
{
import mx.containers.Panel;
import mx.controls.Button;
import flash.events.Event;
import mx.events.FlexEvent;
import flash.events.MouseEvent;
import mx.controls.Alert;
/**
* This class is used to create a Custom Panel
* with Maximum, Minimum, close
* and also drag p ......
页面代码:
<?xml version="1.0"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:marsImage="mars.display.*"
backgroundColor="#000000"
layout="absolute">
<marsImage:BorderImage
borderAlpha="{aBar.value ......
--------------ex3_01_solution -----------------------Using text controls
在嵌套的EmployeeOfTheMonth中
<s:Scroller width="100%">
<!-- Use a RichEditableText control -->
&nbs ......