flex文档中心

Flex4和Flex3的区别在这里就不多说了，有兴趣可以上网找资料。
本次的实践将通过测试用例来说明Flex4中不同Theme的应用效果
在Flash Builder4中出现了两个命名空间
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
相应的，控件也出现了两种不同的风格，创建Theme.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
<fx:Declarations>
  
</fx:Declarations>
<s:Panel x="214" y="76" width="250" height="200" title="Flex 4 <s:Panel   />">
</s:Panel>
<mx:Panel x="502" y="76" width="250" height="200" title="Flex 3 <mx:Panel   /&am ......

此例展示了如何在 Flex 4 中为 Halo 控件设置旧的 Halo 皮肤，而不是新的 Spark 皮肤。
<?xml version="1.0" encoding="utf-8"?>

<s:Application name="Spark_Halo_theme_test"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo">

<s:VGroup horizontalCenter="0" verticalCenter="0" >
<s:Button id="sBtn"
label="I'm a Spark Button" />

<mx:Button id="hBtn"
label="I'm a Halo Button" />
</s:VGroup>

</s:Application>
最后，需要用 halo.swc 主题改变 Flex 编译器的参数：
在 Flash Builder 4 的主菜单中选择 Project -> Properties
从左边� ......

一、为什么要重写组件
1、在FLEX已有组件无法满足业务需求，或是需要更改其可视化外观等特性时，直接进行继承扩展。举例，继承BUTTON组件的长文本却不自动换行的自定义控件。
2、为了模块化设计或进一步重用，需要对FLEX组件进行组合。比如一个包括TEXTAREA,BUTTON的复合控件。
二、重写组件需要经常换位思考的三个角色
1、作为重写组件的使用者，有哪些需求。比如需要在MXML标签和AS代码中暴露哪些属性及对应默认值、事件和事件的处理逻辑。
2、重写组件一般需要使用FLEX原有组件，要站在原有开发者的角度了解设计规则。
3、作为重写组件的设计者，在满足需求的情况下尽量做到可复用、低耦合易扩展等设计原则，让新组件像FLEX原组件一样好用。
三、重写组件AS方式和MXML方式的采用规则
1、MXML文件和AS文件最后都会被编译成AS类，只不过MXML编译速度稍慢一些
2、如果MXML和AS都能完成的一个简单组件，MXML更容易被创建和控制布局
3、当要覆盖组件的某些方法时只能用AS方式
4、创建一个直接继承UIComponent的子类时只能用AS
5、创建非可视化组件比如Formatter、validator、Effect……时，只能用AS
6、要为组件添加日志功能时，只能用AS.
四、AS方式 ......

第一章 Flex 是如何工作的
该部分文档的内容是为用户提供关于 Adobe.Flex 工作机制的一个快速综述。通过本章
节的学习，你可以创建你的第一个 Flex 应用程序，并将它与你以前所熟悉的 Web 开发技术
进行比较，以领会 Flex 的内涵和精髓。
第一节构建并运行 Flex 应用程序
Flex 是一个提供开发设计和运行支持的架构，它可以使开发人员创建利用 Adobe.
Flash. Player 9 作为前台的“富客户端互联网应用程序/rich Internet applications/RIA”，以满
足用户更为直观和极具交互性的在线体验。
开发 Flex 应用程序的典型步骤如下（通常是这样）：
1. 选取一系列预先定制好的、用于设计应用程序界面的组件（如表格、按钮等等）
2. 布置组件以设计用户界面。
3. 使用样式和主题来增强视觉方面的设计。
4. 添加动态行为（例如程序部件之间的相互作用）。
5. 定义并连接所需的数据库服务。
6. 将源代码编译成 SWF 文件，然后在 Flash Player 中运行。
一个典型的 Flex 应用程序包括如下元素：
1. Flex framework
Adobe. Flex 2 framework 包含了创建 RIA 所需要的所有组件，它们是：用于应用程序
布局规划的容器；针对用户界面和从� ......

flex代码：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
<fx:Script>
<!--[CDATA[
import mx.controls.*;
import mx.rpc.events.ResultEvent;
import mx.rpc.http.mxml.HTTPService;

protected function button1_clickHandler(event:MouseEvent):void
{
var addNew:HTTPService = new HTTPService();
addNew.resultFormat = "text" ;
addNew.method = "POST";
addNew.url = "http://localhost:8084/Flex_web/flex";
addNew.addEventListener(ResultEvent.RESULT,result_Handler);

var param:Object = new Object();
param.user = user.text;
param.pwd = pwd.text;

addNew.send(param);
}

public function result_Handler(event:ResultEvent):void
{
var mes:String = event.message.body.toString();
Alert.show("成功！" + ......

Flex 与 JavaScript 交互，主要依靠Flex的ExternalInterface，其提供了addCallBack和call方法.
下面的例子将演示Flex调用javascript，和javascript调用Flex。
js 代码
-------------------------------------------------------------------------------------------------------------
function hello(param) {
alert(param);
return "jsp Hello:" + param;
}

function callFlexFunction() {
var x = document.getElementById("flexObject").flexHelloWorld("Hello", "world");
alert(x);
}

html代码
--------------------------------------------------------------------------------------------------------------
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553537800"
width="640" height="378" id="flexObject">
<param name="allowScriptAccess" value="always" />
<embed src="Test.swf" mce_src="Test.swf" width="640" height="378"
name ="flexObject" play="true" loop="false"
allowScriptAccess="sameDomain"
......

FLEX实践—FLEX4中Theme Halo应用（一）

Flex 4 ：使用 Halo 主题

重写flex组件

Flex中文帮助

Flex通过HTTPService与servlet通信

Flex与JavaScript的交互

Flex与JavaScript的交互