技术前沿 剖析Flex4beta效果中的变化

开发 后端
本文向大家介绍一下Flex4beta效果中的变化,Flex4beta效果架构改进显著。虽然Halo效果只能用于不基于UIComponent的控件,Spark效果可用于任何目标,包括框架中的新图形基元。

在学习Flex4beta的过程中,难免会遇到Flex4beta效果中的变化,这里和大家分享一下,Flex4beta效果架构改进显著。虽然Halo效果只能用于不基于UIComponent的控件,Spark效果可用于任何目标,包括框架中的新图形基元。所有这些效果类都包含在spark.effects.*package中。

Flex4beta效果中的变化

Flex4beta效果架构改进显著。虽然Halo效果只能用于不基于UIComponent的控件,Spark效果可用于任何目标,包括框架中的新图形基元。所有这些效果类都包含在spark.effects.*package中。由于Spark效果可用于Halo组件、Spark组件和图形基元,Adobe建议您在今后的应用程序中使用Spark效果类。

我并未赘述这一问题,因为您可以通过ChetHaase的AdobeFlex4SDKbeta中的效果一文了解效果类中新增功能的更多详细信息。

布局中的变化

之前的Flex版本在各个控件中定义组件和容器布局。因此,List、TileList和HorizontalList等组件都共享布局以外的相同功能。而它们的布局逻辑仍在这些组件类中进行定义。在Flex4beta中,布局已与组件剥离开来。现在,Application、List、ButtonBar和Panel等Spark组件可以通过声明方式定义布局。在所有组件中,Group类负责管理包含,而Group的子代的布局则委派到相关的布局对象。布局除了FXG图形基元,还支持Spark和Halo组件。甚至可以在运行时更改布局。

作为开发人员,您可以轻松编写自定义布局并将它们切入或切出个别组件。以下是定义垂直List、水平List和拼贴List的一个示例。

垂直List(SparkList的默认布局是VerticalLayout):

  1. <s:List/> 

水平List:

  1. <s:List><s:layout><s:HorizontalLayout/></s:layout> 
  2. </s:List> 

拼贴List:

  1. <s:List><s:layout><s:TileLayout/></s:layout></s:List> 

如前所述,Flex4beta架构旨在为开发人员提供构造块,供他们根据需要选择功能。默认情况下,关闭虚拟化和滚动。要增加Group上的滚动栏选项并开启虚拟化,您需要:

1)在布局对象上将useVirtualLayout设为true2)将一个Scroller组件添加到Group。
以下是对SparkPanel使用虚拟化和滚动的一个示例: 

  1. <s:Paneltitles:Paneltitle="HorizontalPanel"width="300"  
  2. height="220"left="20"top="20"> 
  3. <s:Scrollerwidths:Scrollerwidth="100%"height="100%"> 
  4. <s:Group><s:layout> 
  5. <s:HorizontalLayoutuseVirtualLayouts:HorizontalLayoutuseVirtualLayout="true"/> 
  6. </s:layout><s:TextInput/> 
  7. <s:Buttonlabels:Buttonlabel="clear"/><mx:DateChooser/> 
  8. <s:Buttonlabels:Buttonlabel="submit"/> 
  9. </s:Group> 
  10. </s:Scroller> 
  11. </s:Panel> 

有关Flex4beta中的所有布局增强(包括对变换的更好支持)的更多信息,请参阅Spark布局规范*。

【编辑推荐】

  1. Flex4beta的Spark布局特性解析
  2. Flex4beta架构变化概述
  3. Flex module用法指南
  4. Flex4Beta引入新元素功能更强大
  5. FlexBuilder开发方法及特点解析 

 

责任编辑:佚名 来源: cnblogs.com
相关推荐

2010-08-09 13:05:24

Flex4beta

2010-08-09 12:53:15

Flex4beta

2010-08-09 09:09:43

Flex技术

2010-07-27 10:32:41

Flex4beta

2010-07-30 15:35:11

Flex结合

2010-07-27 09:55:52

Flex4

2010-07-29 17:26:54

Flex富客户端技术

2010-08-09 12:47:00

Flex4beta

2010-08-10 15:55:20

FlexHTML页面

2010-08-11 12:50:04

Flex4

2010-07-29 09:08:20

Flex客户端缓存

2010-08-10 15:38:32

Flex2.0

2010-08-04 16:24:08

FlexSDK4

2010-06-30 16:52:23

UML数据建模

2010-07-27 09:37:44

Flex

2010-09-27 15:26:17

JVM for Lin

2014-08-08 15:36:39

Apdex

2010-08-05 10:16:14

Flex效果

2010-08-10 13:04:27

FlexBuilder

2010-08-06 14:58:42

FlexAIR
点赞
收藏

51CTO技术栈公众号