flexflex入門


備註

Apache Flex是由Apache Foundation策劃的開源應用程序框架。它提供了一個環境,​​您可以在其中構建SWF應用程序,然後可以在任何Flash運行時執行或使用Adobe Air進行編譯,以便在移動環境(Android,iOS,BlackBerry)和Windows和OSX等桌面環境中本機執行。

Flex應用程序由兩個組件組成:描述UI的MXML佈局文件和提供功能的ActionScript3代碼。這兩種類型的文件被編譯為單個SWF以進行部署。

Flex應用程序可以通過REST,SOAP,JSON,JMS和AMF訪問所有主要的應用程序服務器(Java,PHP,Ruby,.NET等)。

Apache Flex SDK提供了大量可換膚的用戶界面組件,具有完整的組件生命週期,一組服務(HTTPService,WebService,RemoteObject)和一組管理器,用於樣式,外觀,佈局,本地化等。

Flex還具有輔助功能支持和自動化測試框架。

Apache Flex是一個完全開源的項目,使用Apache License v.2.0 。這允許您使用SDK和SDK的任何輸出用於個人和商業用途,幾乎沒有任何限制。

典型的用途是為Web應用程序構建一個豐富的,基於瀏覽器的交互式前端,其後端將是Java或.NET,並通過該應用程序服務器連接到數據服務。

Apache Flex和Apache是​​Apache Software Foundation的商標。

版本

發布日期
Apache Flex SDK 4.15 2016年1月11日
Apache Flex SDK 4.14.1 2015年3月31日
Apache Flex SDK 4.14.0 2015年2月3日
Apache Flex SDK 4.13.0 2014年7月28日
Apache Flex SDK 4.12.1 2014年5月3日
Apache Flex SDK 4.12.0 2014年3月10日
Apache Flex SDK 4.11.0 2013年10月28日
Apache Flex SDK 4.10.0 2013年8月6日
Apache Flex SDK 4.9.0 2013年2月28日

Hello World(在應用程序中運行)

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:Label text="Hello World!" />

</s:WindowedApplication>
 

Hello World(在瀏覽器中運行)

<?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/mx">

    <s:Label text="Hello World!" />

</s:Application>
 

安裝或設置(Apache Flex)

有兩種方法可以設置Apache Flex SDK。您可以使用提供的Apache Flex SDK安裝程序,這是一個自動執行該過程的Adobe AIR應用程序(在Windows或OS X / macOS上)。或者您可以手動安裝它,這顯然需要您的平台更加舒適,但在安裝細節方面提供了更大的靈活性。

使用Apache Flex安裝程序安裝Apache Flex SDK

  1. 下載適用於您的操作系統的安裝程序二進製文件(Window,Mac或Linux)。
  2. 運行安裝程序
  3. 選擇要下載的SDK版本。 Apache Flex項目建議您下載最新發布的版本。
  4. 選擇Flash Player版本。 Flex項目建議您將其保留為默認值。單擊下一步
  5. 選擇要安裝SDK的目錄。單擊下一步
  6. 檢查所有許可協議。單擊安裝
  7. 等待安裝程序下載並安裝Apache Flex SDK。

手動安裝Apache Flex SDK

注意:這可能是一個冗長且涉及的過程。

準備你的系統

  1. 下載並安裝最新的Java JDK
  2. 下載並安裝最新版本的Ant
  3. 下載並安裝最新版本的Git
  4. 下載並安裝最新的JUnit

設置文件夾結構

  1. 在計算機上為Flex SDK創建以下目錄結構,通常存儲在根目錄或Documents目錄中。
/ApacheFlex
/ApacheFlex/dependencies
/ApacheFlex/source
 

下載源代碼

  1. 打開終端並將目錄更改為:
/ApacheFlex/source
 
  1. 運行以下git命令以下載Flex SDK源:
git clone https://git-wip-us.apache.org/repos/asf/flex-sdk.git flex-sdk
 
  1. 運行以下git命令下載TLF源:
git clone https://git-wip-us.apache.org/repos/asf/flex-tlf.git flex-tlf
 
  1. 切換到flex-sdk目錄:
/ApacheFlex/source/flex-sdk
 
  1. 切換到'develop'分支(可選):
git checkout develop
 

編輯環境屬性

要使構建腳本起作用,您需要設置環境變量 。環境屬性文件包含環境變量,這些變量指向將在整個過程中使用的依賴項的位置。各種構建腳本使用它們來運行和編譯SDK。您將在本教程的其餘部分中添加其他環境變量。稍後運行構建腳本時,腳本將驗證提供的路徑,並在它們不正確時發出警告。

  1. 創建環境屬性文件:

flex-sdk 目錄中,創建env-template.properties 文件的副本,並將其命名為env.properties

由於您已經安裝了Java和Ant,因此通過在env.properties 文件的末尾附加以下內容來設置它們的路徑:

env.JAVA_HOME=/System/Library/Frameworks/JavaVM.framework/Versions/Current/Commands/java

env.ANT_HOME=/Applications/Ant/bin
 
  1. 接下來添加TLF目錄的路徑:
env.TLF_HOME=/ApacheFlex/source/flex-tlf
 

添加必需的依賴項

Adobe AIR SDK

  1. 下載Air SDK Flex Edition( 請務必下載專為Flex製作的版本 )。
  2. 解壓到:
/ApacheFlex/dependencies/AIRSDK/4.0
 

最終目錄名稱是指您下載的AIR SDK的版本。

  1. AIR_HOME 環境變量設置為您在上一步中選擇的AIR SDK路徑。例如,
env.ANT_HOME=/ApacheFlex/dependencies/AIRSDK/4.0
 

Adobe Flash Player投影儀

  1. 下載Flash Player投影儀
  2. 運行安裝程序。 Projector Content Debugger安裝程序不會安裝到任何地方(至少對我而言)。運行安裝程序後,必須將其複製到所需的位置。在這種情況下,將其複製到/ApacheFlex/dependencies/player 目錄。注意:在OSX上,將“.app / Contents / MacOS / Flash Player Debugger”附加到Flash Player的路徑。
/ApacheFlex/dependencies/player/Flash Player.app/Contents/MacOS/Flash Player Debugger
 
  1. FLASHPLAYER_DEBUGGER 環境變量設置為投影儀的安裝路徑。
env.FLASHPLAYER_DEBUGGER=/ApacheFlex/dependencies/player/Flash Player.app/Contents/MacOS/Flash Player Debugger
 

您也可以使用Flash Player插件。它通常位於:/ Library / Internet Plug-ins / Flash Player /完整路徑為:/ Library / Internet Plug-ins / Flash Player.app/Contents/MacOS/Flash Player Debugger

Adobe Flash Player playerglobal.swc

  1. 下載playerglobal.swc - 這與您剛剛下載的內容調試器位於同一頁面上。
  2. 將其複製到:
/ApacheFlex/dependencies/PlayerGlobal/player/12.0
 

數字對應於您下載的版本。

  1. 將復制的文件重命名為'playerglobal.swc'
  2. PLAYERGLOBAL_HOME 環境變量設置為:
env.PLAYERGLOBAL_HOME=/ApacheFlex/Dependencies/PlayerGlobal/player
 

Adobe Pixel Bender工具包

  1. 下載適用於WindowsMac的 Pixel Bender
  2. 安裝Pixel Bender。安裝程序時,它為您提供了選擇安裝位置的選項。在安裝之前複製此位置。
  3. PIXELBENDER_HOME 環境變量設置為安裝目錄。

準備系統

對於測試,Adobe Flash Player的mm.cfg 文件必須具有適當的屬性集,並且FlashPlayerTrust 文件必須允許本地SWF訪問本地文件。

  1. 在編輯器中打開mm.cfg 文件。 mm.cfg 文件的位置取決於您的操作系統。 見本頁
  2. 如果它不存在,請手動啟動Adobe Flash Player投影儀內容調試器,然後它應該創建mm.cfg
  3. 添加或驗證文件中包含以下條目:
ErrorReportingEnable=1
TraceOutputFileEnable=1
 
  1. 與mm.cfg文件在同一目錄中的是FlashPlayerTrust目錄。
  2. 打開該目錄並創建一個名為ApacheFlex.cfg的新文本文件。
  3. 在該文件中添加Apache Flex SDK的父目錄。例如:
#Path to Apache Flex Source
/ApacheFlex/source
 
  1. 保存文件。

設置構建屬性

  1. 在flex-sdk目錄中是構建屬性文件。它包含您下載的軟件的版本號。
  2. 打開此文件並將以下值設置為您正在使用的Flash Player和AIR SDK的版本:
# Flash player version for which player global swc to use
playerglobal.version = 12.0

# AIR version number
air.version = 4.0
 

這些值用於構建SDK的路徑。因此,如果您將playerglobal.swc保存到以下目錄:/ApacheFlex/dependencies/PlayerGlobal/player/12.0,則playerglobal.version的值將為12.0。

注意:由於此值構建路徑,請確保使用完整值12.0,而不是12,如果路徑包含它。

注意:如果您使用的是正在使用的Flex SDK版本中尚未提及的新版Flash Player,則可能會收到以下消息:錯誤:配置變量'swf-version'值包含未知令牌'playerglobal .swfversion'您需要使用更新的版本檢查代碼更新/ApacheFlex/source/flex-sdk/frameworks/build.xml 文件。