Flex3到Flex4的转变新特性值得关注

本文和大家重点讨论一下从Flex3到Flex4的转变，作为一个Flex3的开发者，当你用Flex4beta编译你的Flex3应用时你应该不会遇到太大的挑战，因为Flex4beta的一个目标就是保持与Flex3的兼容。

从Flex3到Flex4的转变一览

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

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

将应用迁移到Flex4beta

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

◆播放器的依赖

Flex4beta需要flashplayer10的支持。

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

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

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

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. @namespace"http://www.adobe.com/2006/mxml";  
    3. 
  
  
  
  3. …  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6.

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

◆Flex3到Flex4主题的变化

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

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

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

Flex3到Flex4beta架构改变一览

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

◆Flex4里的包和命名空间

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

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

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

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

默认前缀：mx

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

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

默认前缀：fx

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

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

默认前缀:s

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

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

默认前缀：mx

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

Mxml代码
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. @namespaces"library://ns.adobe.com/flex/spark";  
    3. 
  
  
  
  3. @namespacemx"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.  
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12. @namespaces"library://ns.adobe.com/flex/spark";  
    13. 
  
  
  
  13. @namespacemx"library://ns.adobe.com/flex/halo";  
    14. 
  
  
  
  14. s|Button{  
    15. 
  
  
  
  15. color:#FF0000;  
    16. 
  
  
  
  16. }  
    17. 
  
  
  
  17. mx|DateChooser{  
    18. 
  
  
  
  18. color:#FF0000;}  
    19. 
  
  
  
  19.  
    20. 
  
  
  
  20.  
    21.

#p#

 新的组件和容器

◆组件

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

 ◆state语法的改变

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

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

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

看例子吧！

3.这是Flex3应用状态的方式。

Mxml代码
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17.  
    18. 
  
  
  
  18.  
    19. 
  
  
  
  19.  
    20. 
  
  
  
  20.  
    21. 
  
  
  
  21.  
    22. 
  
  
  
  22.  
    23.

 这是Flex4

Mxml代码
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15. 3,setProperty,setStyle和setEvent被点语法取代了。  
    16. 
  
  
  
  16.  
    17.

#p# 下面是Flex3的做法

Mxml代码
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17.  
    18. 
  
  
  
  18.  
    19. 
  
  
  
  19.  
    20. 
  
  
  
  20.  
    21. 
  
  
  
  21.  
    22. 
  
  
  
  22.  
    23. 
  
  
  
  23.  
    24. 
  
  
  
  24.  
    25. 
  
  
  
  25.  
    26. 
  
  
  
  26.  
    27.

 下面是Flex4的做法

Mxml代码
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6. 
  
  
  
  7. submitState="trace('done')"click.clearState="emptyDocument()"label.clearState="clear"textDecoration.clearState="none"/> 
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14. 
  
  
  
  15. submitState="trace('done')"click.clearState="emptyDocument()"label.clearState="clear"textDecoration.clearState="none"/> 
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17.  
    18. 
  
  
  
  18.  
    19.

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

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

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

网页题目：Flex3到Flex4的转变新特性值得关注
网站链接：http://www.shufengxianlan.com/qtweb/news38/361938.html

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

广告

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

猜你还喜欢下面的内容

微信小程序知识

同城分类信息

橡塑保温材料　　 　bgp多线机房托管　　 　雨棚定制　　 　界面设计　　 　成都网站建设公司　　 　视频运营　　 　商城网站　　 　四川德阳主机托管　　 　达州做网站　　 　成都网络推广公司　　 　康明斯发电机　　 　绵阳服务器托管　　 　网站定制　　 　贵阳托管服务器　　 　商城网站建设公司　　 　青年旅行社　　 　橡塑板　　 　联通服务器托管　　 　成都橡塑保温板　　 　平武做网站