01 Flex Introduction

19
Chang-Pei Lee (Scissor) Organization: CCUCSIE Date: 2008.02.28

description

Flex Introduction (Reference by Programming Flex 2)

Transcript of 01 Flex Introduction

Page 1: 01 Flex Introduction

Chang-Pei Lee (Scissor)Organization: CCUCSIE

Date: 2008.02.28

Page 2: 01 Flex Introduction

Flash & Flex ??? Flex 應用程式技術 使用 Flex 元素 Flex 運作方式 Summary

Page 3: 01 Flex Introduction

Flash & Flex ???

Page 4: 01 Flex Introduction

Flash 並非設計來打造應用程式,或者給開發人員使用

Flex 是新技術,主要用於打造 RIA (Rich Internet Application) ,並可以在 Flash player 上執行,使得外觀很棒、回應性很夠,且有高度互動性

Page 5: 01 Flex Introduction

使用 Flex 並不需要會使用 Flash Flash 在其核心所使用的象徵物 ---

Timeline 並不適用於應用程式的開發 Flex 和 Flash 是互補技術,可讓所有

Flash 平台開發人員,在建立 RIA 時利用專業化之工具; Flex 可以匯入 Flash 中做好的內容,再建立 RIA 。

Page 6: 01 Flex Introduction

Flex 應用程式技術

Page 7: 01 Flex Introduction

Flex 的伺服器元件 Flex 框架 Flash Player Flex Builder 2

Page 8: 01 Flex Introduction

1. 編譯器 : 可把所有的程式轉成 SWF 檔,讓 Flash

Player 執行。依 compile-on-demand 的模式,很類似 ASP.NET 打造應用程式的方式。

2. 匣道 : 可使 Flash 使用最佳化之二進位協定和伺服

器對談,且整合了後端 Java 程式。

Page 9: 01 Flex Introduction

Flash Player 將執行所有的 Flex 應用程式 : 1. 動態 2. 整合式方案 3. 互動性 4. 穩定度與安全性 5. 跨平台 6. 檔案小,升級易

Page 10: 01 Flex Introduction

Flex framework 等於 Flex 類別庫,等於 Flex 應用程式所用的一群 ActionScript 類別集合。

Flex framework 完全由 ActionScript 類別寫成,定義了控制項、容器、以及管理器,用於簡化 RIA 的建立。

Page 11: 01 Flex Introduction

為 Standard Adobe IDE ,立基於知名 Eclipse IDE 之上,有內建的工具可以使用 Flex 技術 (MXML 、 ActionScript) 用來建立和除錯 Flex 應用程式。

WYSIWYG ( 所見即所得 )

Page 12: 01 Flex Introduction

使用 Flex 元素

Page 13: 01 Flex Introduction

MXML ActionScript

Page 14: 01 Flex Introduction

是一種 XML 標記語言,描述螢幕版面配置

也可描述特效、轉移、資料模型、資料繫結

MXML 編譯時會轉換成 ActionScript 類別。可讓你擁有物件導向的力量,又具有標記語言的便利性;在執行時又被視為 ActionScript 類別。

Page 15: 01 Flex Introduction

Flash Player 所懂得程式語言 MXML 適合用在螢幕版面配置和基本資料

功能, ActionScript 則比較適合用戶互動、複雜資料機能、以及其他沒包含在 Flex 類別庫的特殊機能。

Page 16: 01 Flex Introduction

Flex 運作方式

Page 17: 01 Flex Introduction

原始碼 : AC3 、 MXML 產生程式 : AC + 產生的 AC Flash Player: AVM2 位元碼

Page 18: 01 Flex Introduction

Flex 是新技術,主要用來開發 RIA ;其介面不像 Flash 一般以 Timeline 為核心,適合給開發人員使用。利用 Flex 框架和 compiler ,可以很容易的建立 Flex 應用程式,並產生 .swf 讓 flash player 播放;Flash 和 Flex 的結合將可以達到兼具視覺與專業的網路應用程式。

Page 19: 01 Flex Introduction

尚未接觸 Flex 覺得還蠻抽象的,一開始要用也不知該如何去用。而買了一本 Flex 2 程式設計的中譯本 ( 看中文還是比較快… ) ,裡頭也沒有範例程式,實在有點不知所措,有一種力不從心,很想用但卻又無從下手的感覺。

後來在網路上找到一些最簡單的範例,也猛然想起有 F1 大師可以用,雖是簡單的幾個 Example ,但就已經足以感受到 Flex 的強大,故希望可以將所學全都整理完畢。

Scissor. 2008/03/09