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 文件。