从Flex3到Flex4的转变一览

flex4 beta发布了，它是自flex3以来的重大改革。flex4 beta 提供了一种新的组件和皮肤的架构。作为一个flex3的开发者，当你用flex4 beta编译你的flex3应用时你应该不会遇到太大的挑战，因为flex4 beta的一个目标就是保持与flex3的兼容。

我们提供的服务有：成都网站建设、成都网站制作、微信公众号开发、网站优化、网站认证、句容ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的句容网站制作公司

在这篇文章里我会提供关于flex4 beta主体带的一个大概的浏览，介绍一下Flex3到Flex4架构上的区别，以及在组件，布局，状态，效果上的改变。这篇文章里，halo代表flex3里的原始组件。spark代表flex4 beta里的新的组件。

将应用迁移到flex4 beta

把应用从flex3迁移到flex4，不会遇到太大的麻烦。除了看到一些bug被修补了以及默认的主题换了，你还会看到你的应用会在flex4里工作的更好。但是还是有些东西你需要注意。

◆播放器的依赖

flex4 beta 需要flash player10的支持。

◆样式选择器需要命名空间

对于一个css样式选择器以前你可能只需要这样写

 
 
 
    
  
  
  
  1.  Button {  
    2. 
  
  
  
  2. cornerRadius: 10;  
    3. 
  
  
  
  3. }  
    4. 
  
  
  
  4. DateField {  
    5. 
  
  
  
  5. color: #780800; } 
    6.

但是在flex4 beta里你必须加上命名空间。

 
 
 
    
  
  
  
  1.  < mx:Style> 
    2. 
  
  
  
  2. @namespace "http://www.adobe.com/2006/mxml";  
    3. 
  
  
  
  3. …  
    4. 
  
  
  
  4. < /mx:Style> 
    5.

更进一步，如果你用了StyleManager.getStyleDeclaration("Button")，在flex4里你必须把命名空间给加上  如：StyleManager.getStyleDeclaration("mx.controls.Button")。

◆Flex3到Flex4主题的变化

主题已经由默认的halo变成了spark。所以你的应用在flex4里看起来可能会不一样了。当然了，你要是想用halo也是有办法的。你可以用-compatibility-version=3.0这个标识也可以修改additional compiler argument（附加的编译器自变量）为_local en US -theme=halo.swc。

如果你选择用Spark，你会发现很多在Halo里工作的样式到Spark里就不工作了，spark主题只支持有限的样式。想要修改如border之类的外观你需要自定义的皮肤。flex4也提供了一个Wireframe皮肤来帮助你快速建立模型。

除了默认样式的变化，预加载进度条也变化了。这个更轻量级的进度条会缩短启动的时间。你要想还是用原来的加载进度条你只需加上下面这一条：preloader="mx.preloaders.DownloadProgressBar"。

Flex3到flex4 beta架构改变一览

flex4 给设计师和开发者提供一个更平滑的工作流。为了实现这个，flex4框架提供了可视化组件和其行为的明确的分界。 在flex3里一个组件代码包括逻辑，布局和可视化的变化，但是在flex4里一个组件被分配到了不同的类，每个类都掌控不同的方面。

◆flex4里的包和命名空间

flex4里保存了flex3的全部类，它们全在mx.*的包里。当然除此之外，flex还提供全新的spark.*包来保存组件，核心类，效果，滤镜，布局， 皮肤和工具。

flex提供了一套组件，其中很多与halo有同样的名字，为了避免名字的冲突，随flex4而来的是4个不同的命名空间：MXML 2006, MXML 2009, Spark, and Halo。

MXML 2006:过时的mxml语言命名空间，曾用在flex3。如果用flex4编译flex3的应用程序，你依然可以用这个命名空间。

URI: http://www.adobe.com/2006/mxml

默认前缀：mx

MXML 2009: 全新的mxml语言命名空间，是纯的语言命名空间，不包含组件。

URI: http://ns.adobe.com/mxml/2009

默认前缀：fx

SPARK:这个命名空间里包含了所有的新的Spark组件，他应该和MXML 2009一起使用。

URI: library://ns.adobe.com/flex/spark

默认前缀: s

HALO:这个命名空间包含所有halo的组件，应该与MXML2009一起使用。

URI: library://ns.adobe.com/flex/halo

默认前缀：mx

flex4在css方面也提供了多样的命名空间的支持。所以，在使用css时必须注意命名空间已避免冲突。

 
 
 
    
  
  
  
  1.  < fx:Style> 
    2. 
  
  
  
  2. @namespace s "library://ns.adobe.com/flex/spark";  
    3. 
  
  
  
  3. @namespace mx "library://ns.adobe.com/flex/halo";  
    4. 
  
  
  
  4. s|Button {  
    5. 
  
  
  
  5. color: #FF0000;  
    6. 
  
  
  
  6. }  
    7. 
  
  
  
  7. mx|DateChooser {  
    8. 
  
  
  
  8. color: #FF0000;  
    9. 
  
  
  
  9. }  
    10. 
  
  
  
  10.  < /fx:Style> 
    11.

新的组件和容器

◆组件

flex4修改和新增了一些组件，也有些组件是halo有的,但是spark没有。adobe建议你halo和spark一起用。至于两者都有什么，没什么下面有个网址你可以去看看。

http://www.adobe.com/devnet/flex/articles/flex3and4_differences_04.html

◆state语法的改变

state语法变了，变得更加的有弹性和直接。你甚至可以根据上下文来针对性的改变你的状态。下面是重点：

1，只有状态被定义到了状态数组。

2，AddChild和RemoveChild，不能再用了。取而代之的是includeIn和excludeFrme属性 。这两个属性是组件的属性。

看例子吧！

这是flex3应用状态的方式。

 
 
 
    
  
  
  
  1.  < mx:states>< mx:State name="submitState" basedOn=""> 
    2. 
  
  
  
  2. < mx:AddChild relativeTo="{loginForm}" > 
    3. 
  
  
  
  3. < mx:Button label="submit" bottom="10" right="10"/> 
    4. 
  
  
  
  4. < /mx:AddChild> 
    5. 
  
  
  
  5. < mx:RemoveChild target="{firstTextInput}"/> 
    6. 
  
  
  
  6. < /mx:State> 
    7. 
  
  
  
  7. < /mx:states> 
    8. 
  
  
  
  8. < mx:TextInput id="firstTextInput" /> 
    9. 
  
  
  
  9. < mx:Canvas id="loginForm" /> 
    10.

这是flex4

 
 
 
    
  
  
  
  1.  < s:states> 
    2. 
  
  
  
  2. < s:State name="submitState" /> 
    3. 
  
  
  
  3. < /s:states> 
    4. 
  
  
  
  4. < s:TextInput id="firstTextInput" excludeFrom="submitState" /> 
    5. 
  
  
  
  5. < s:Group id="loginForm" > 
    6. 
  
  
  
  6. < s:Button label="submit" bottom="10" right="10" includeIn="submitState"/> < /s:Group> 
    7.

3,setProperty,setStyle和setEvent被点语法取代了。

下面是flex3的做法

 
 
 
    
  
  
  
  1.  < mx:states> 
    2. 
  
  
  
  2. < mx:State name="submitState" basedOn=""> 
    3. 
  
  
  
  3. < mx:SetProperty target="{submitButton}" name="label" value="submit" /> 
    4. 
  
  
  
  4. < mx:SetStyle target="{submitButton}" name="textDecoration" value="underline"/> 
    5. 
  
  
  
  5. < mx:SetEventHandler target="{submitButton}" name="click" handler="trace('done');"/> 
    6. 
  
  
  
  6. < /mx:State> 
    7. 
  
  
  
  7. < mx:State name="clearState" basedOn=""> 
    8. 
  
  
  
  8. < mx:SetProperty target="{submitButton}" name="label" value="clear" /> 
    9. 
  
  
  
  9. < mx:SetEventHandler target="{submitButton}" name="click" handler="emptyDocument()" /> 
    10. 
  
  
  
  10. < /mx:State> 
    11. 
  
  
  
  11. < /mx:states> 
    12. 
  
  
  
  12.  < mx:Button id="submitButton" /> 
    13.

下面是flex4的做法

 
 
 
    
  
  
  
  1.  < s:states> 
    2. 
  
  
  
  2. < s:State name="submitState" /> 
    3. 
  
  
  
  3. < s:State name="clearState" /> 
    4. 
  
  
  
  4. < /s:states> 
    5. 
  
  
  
  5. < s:Button label.submitState="submit" textDecoration.submitState="underline" 
    6. 
  
  
  
  6. click.submitState="trace('done')" click.clearState="emptyDocument()" label.clearState="clear" textDecoration.clearState="none"/> 
    7.

4,组件不能在无状态或空的状态。它默认的状态时第一个声明的状态。

flex4 beta还有其他的特性，以后的文章继续在讨论。

adobe官方说从flex3到flex4得转变painless。你认为呢？

【编辑推荐】

  1. Flex教程 Flex程序开发初步
  2. Flex垃圾回收和性能优化的一些总结
  3. Flex和Jsp之间中文参数的传递
  4. Flex编程中需要注意的Namespace用法
  5. Flex SDK 4：Gumbo的主题 极其快速的RIA开发

本文名称：从Flex3到Flex4的转变一览
转载来于：http://www.shufengxianlan.com/qtweb/news11/291461.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

建站公司知识

同城分类信息

腾讯香港虚拟主机　　 　大英泰恒网站　　 　成都网络公司　　 　雪茄烟品牌　　 　重庆网络营销　　 　成都网页设计　　 　巴中倍辉科技　　 　品牌网站建设公司　　 　绵阳梓潼做网站　　 　成都高电机柜租用　　 　自贡主机托管　　 　成都网站建设　　 　bgp机房托管　　 　广东帝美豪门窗　　 　德阳东方电机技改　　 　成都网站设计公司　　 　东电技改　　 　迷你发光字　　 　重庆花箱　　 　重庆网站制作