flex4
mxml文件 就是 .MXML的xml文件
actionscript文件 .as  编写代码
编译成swf文件
flex4 应用程序需要使用flash builder4的软件来创建
flash catalyst
事件
数据绑定
1、基础知识介绍
1.1、了解flex和flash平台
开发工具—flash builder
开源框架---flex
    内嵌组件
    扩展组件
    语言---ActionScript3.0类库(符合ECMA标准的脚本语言,主要用来实现业务逻辑)
    语言---MXML(基于XML的描述式语言,主要用来描述UI布局的)flex软件
   
Flex SDK
    Flex框架
软件开发包
        ---编译器
        ---调试器
Flash Builer开发工具
    Flex SDK所有的功能
    提供一些额外的特性提高生产力
        ---上下文的代码提示
        ---一个可交互的逐步调试器
        ---一个可视化的设计环境(布局和样式)
        ---连接到服务器端数据的数据服务向导
        ---内存和性能检测
        ---自动测试支持及更多的特性
Flash Builder版本:
    ---标准版
    ---增强版:致力用创建关键业务应用,包含了标准版所有特性,并添加了一些企业及的特性在里面,包括内存和性能检测以及自动测试。增强版的数据可视化支持你创建图表和丰富的可视化面板。
1.2、了解flash Bulider 和flex项目
默认的工作空间位于:Document and settingsuser directoryadobe flash builer beta2
.metadata和configuration目录包含了flash builder工作空间的设置。
默认情况下,flash builder会把我的flex应用程序编译到我的项目文件夹下面的一个名为“bin-debug”的目录下。源文件将会保存在项目目录中的“src”目录下。
组件设置:
    MX+Spark(同时使用两个库)
    MX only(这个mx库比较老)
修改编辑器中的字体大小:
    GeneralAppearanceColors and fontsbasictext font
改变代码间距:
    Flash builderindentationactionscript.并且取消方法中的对齐参数。
    在MXML中,也取消参数对齐。
1.3、了解命名空间
MXML:
第一行:xml声明,不能包含在任务支付之前,甚至空白。
在MXML文件中的下一个元素是一个Application的MXML标签块,这是所有的MXML应用程序所必需的标签。
Application前三个属性定义三个XML命名空间来引用Flex框架MXML标签集:fx,s和MX.
你可以认为是作为Flex框架类库不同的命名空间作用在不同的领域。
Application标签中的命名空间声明的是什么,实际上就是引用不同的Flex框架库而专门进行的命名空间声明。
命名空间fx代表MXML语言要素和Flex4中编译器指令。
命名空间s是包含Flex4中所有新的Spark可视化组件。
命名空间mx作为Flex3 Halo组件库的代表,也是已知的mx库。
命名空间映射到清单文件中所有的MXML标签都属于的命名空间的一部分。
在flex安装目录中sdks4.0.0frameworksl文件。l文件具有一个内置的xml解析器。
里面有3对统一资源标识符(URI)分别对应在Application中定义的标签。
这里还有一个额外的命名空间中定义的Flex框架。
2006年halo的定义是为了向后兼容。
在l文件中列出了spark命名空间中列出的组件包中的spark类。
你可以看到application标签是一个spark组件,而脚本和声明标签属于fx命名空间。
在声明块里,HTTPService组件属于Spark命名空间,同样Label空间是在form前面。
From本身就是一个mx组件而且也有许多子组件。
不过,它可以包含像testinput空间这样的spark组件。
自定义命名空间。
在application标签中,有一个新的命名空间在application的标签中称为组件。
这是一个自定义的命名空间,他可以被命名为任何你想要的名称。
Xmls:components=”components.*”;
换句话说,它指向了你自己自定义的组件库。
你在components目录创建的employeeDisplay.MXML文件是一个自定义组件。
要在主应用里使用此自定义组件,应该用组件的命名空间和组件的名称。
<components:Employeedisplay 。。。>
这里的employDisplay没有mxml文件的扩展名。
1.4、管理代码和编译应用程序
代码和文件的结构格式用法,导入项目,编译flex应用程序,并在浏览器中查看它。
在代码文件中,每个命名空间都在单独的一行。
你可以在同一行的mxml标签中放置所有代码。但常用的分隔做法是每个属性拥有自己的一行以便查看。
唯一的例外是,当属性是相关是每行拥有一个属性。
由于minWidth和minHeight是相关的,他们可以共享一行代码。
注释
<!--  -- >
//
Bindebug文件夹:
EmployeePortal.swf文件是编译的swf应用程序和employeePortal.HTML文件是HTML包装引用swf文件将显示在浏览器中。
在浏览器中显示的是包装的html文件。
1.5、在设计模式下布局一个表单
创建一个表单并且以一个xml文件为数据源来填充“branch”下拉菜单。
绝对位置 和 相对位置 布局        (x,y)
可以设置坐标值为负数,这样组件就会移除屏幕外,这种方法可以用于一些管理功能的实现(即根据使用者身份选择是否显示);
Felx中有两种类型的组件,containers(容器)和controls(控件)。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。