Successfully reported this slideshow.

01 Flex Introduction

1,009 views

Published on

Flex Introduction (Reference by Programming Flex 2)

Published in: Technology
  • Be the first to comment

  • Be the first to like this

01 Flex Introduction

  1. 1. <ul><li>Chang-Pei Lee (Scissor) </li></ul><ul><li>Organization: CCUCSIE </li></ul><ul><li>Date: 2008.02.28 </li></ul>
  2. 2. <ul><li>Flash & Flex ??? </li></ul><ul><li>Flex 應用程式技術 </li></ul><ul><li>使用 Flex 元素 </li></ul><ul><li>Flex 運作方式 </li></ul><ul><li>Summary </li></ul>
  3. 3. <ul><li>Flash & Flex ??? </li></ul>
  4. 4. <ul><li>Flash 並非設計來打造應用程式,或者給開發人員使用 </li></ul><ul><li>Flex 是新技術,主要用於打造 RIA (Rich Internet Application) ,並可以在 Flash player 上執行,使得外觀很棒、回應性很夠,且有高度互動性 </li></ul>
  5. 5. <ul><li>使用 Flex 並不需要會使用 Flash </li></ul><ul><li>Flash 在其核心所使用的象徵物 --- Timeline 並不適用於應用程式的開發 </li></ul><ul><li>Flex 和 Flash 是 互補技術 ,可讓所有 Flash 平台開發人員,在建立 RIA 時利用專業化之工具; Flex 可以匯入 Flash 中做好的內容,再建立 RIA 。 </li></ul>
  6. 6. <ul><li>Flex 應用程式技術 </li></ul>
  7. 7. <ul><li>Flex 的伺服器元件 </li></ul><ul><li>Flex 框架 </li></ul><ul><li>Flash Player </li></ul><ul><li>Flex Builder 2 </li></ul>
  8. 8. <ul><li>1. 編譯器 : </li></ul><ul><ul><li>可把所有的程式轉成 SWF 檔,讓 Flash Player 執行。依 compile-on-demand 的模式,很類似 ASP.NET 打造應用程式的方式。 </li></ul></ul><ul><li>2. 匣道 : </li></ul><ul><ul><li>可使 Flash 使用最佳化之二進位協定和伺服器對談,且整合了後端 Java 程式。 </li></ul></ul>
  9. 9. <ul><li>Flash Player 將執行所有的 Flex 應用程式 : </li></ul><ul><ul><li>1. 動態 </li></ul></ul><ul><ul><li>2. 整合式方案 </li></ul></ul><ul><ul><li>3. 互動性 </li></ul></ul><ul><ul><li>4. 穩定度與安全性 </li></ul></ul><ul><ul><li>5. 跨平台 </li></ul></ul><ul><ul><li>6. 檔案小,升級易 </li></ul></ul>
  10. 10. <ul><li>Flex framework 等於 Flex 類別庫 ,等於 Flex 應用程式所用的 一群 ActionScript 類別集合 。 </li></ul><ul><li>Flex framework 完全由 ActionScript 類別寫成,定義了控制項、容器、以及管理器,用於簡化 RIA 的建立。 </li></ul>
  11. 11. <ul><li>為 Standard Adobe IDE ,立基於知名 Eclipse IDE 之上,有內建的工具可以使用 Flex 技術 (MXML 、 ActionScript) 用來建立和除錯 Flex 應用程式。 </li></ul><ul><li>WYSIWYG ( 所見即所得 ) </li></ul>
  12. 12. <ul><li>使用 Flex 元素 </li></ul>
  13. 13. <ul><li>MXML </li></ul><ul><li>ActionScript </li></ul>
  14. 14. <ul><li>是一種 XML 標記語言,描述螢幕版面配置 </li></ul><ul><li>也可描述特效、轉移、資料模型、資料繫結 </li></ul><ul><li>MXML 編譯時會轉換成 ActionScript 類別 。可讓你擁有物件導向的力量,又具有標記語言的便利性;在執行時又被視為 ActionScript 類別。 </li></ul>
  15. 15. <ul><li>Flash Player 所懂得程式語言 </li></ul><ul><li>MXML 適合用在螢幕版面配置和基本資料功能, ActionScript 則比較適合用戶互動、複雜資料機能、以及其他沒包含在 Flex 類別庫的特殊機能。 </li></ul>
  16. 16. <ul><li>Flex 運作方式 </li></ul>
  17. 17. <ul><li>原始碼 : AC3 、 MXML </li></ul><ul><li>產生程式 : AC + 產生的 AC </li></ul><ul><li>Flash Player: AVM2 位元碼 </li></ul>
  18. 18. <ul><li>Flex 是新技術,主要用來開發 RIA ;其介面不像 Flash 一般以 Timeline 為核心,適合給開發人員使用。利用 Flex 框架和 compiler ,可以很容易的建立 Flex 應用程式,並產生 .swf 讓 flash player 播放; Flash 和 Flex 的結合將可以達到兼具視覺與專業的網路應用程式。 </li></ul>
  19. 19. <ul><li>尚未接觸 Flex 覺得還蠻抽象的,一開始要用也不知該如何去用。而買了一本 Flex 2 程式設計的中譯本 ( 看中文還是比較快… ) ,裡頭也沒有範例程式,實在有點不知所措,有一種力不從心,很想用但卻又無從下手的感覺。 </li></ul><ul><li>後來在網路上找到一些最簡單的範例,也猛然想起有 F1 大師可以用,雖是簡單的幾個 Example ,但就已經足以感受到 Flex 的強大,故希望可以將所學全都整理完畢。 </li></ul><ul><li>Scissor. 2008/03/09 </li></ul>

×