v1_07 介绍组件和控件

v1_07 Introducing Flex components and controls 介绍flex组件和控件

 

mx组件库和spark组件库

mx组件库也被称为Halo组件,是flex3中提供的用户界面元素

每个mx组件都有定义其行为,布局,样式和皮肤的逻辑 

spark组件库是flex4中提供的一套新组件,它们被进行了特别的设计,其行为,布局,样式和皮肤都分离成了独立的类

 

所以,可以同时使用spark组件和mx组件,因为这两个库都是基于同个UI组件类的

目前spark(20个)组件库还没有mx(50个)组件库全面

 

对于spark库和mx库来说,都存在两种类型的组件:控件(controls)和容器(containers)

控件:类似于文本输入框,按钮,数据表格或下拉列表等组件的UI元素

容器用来存放控件的或其它容器,用于对应用内容进行布局(容器并不都是可见的)

 

http://www.adobe.com/devnet/flex/tourdeflex.html 可以查看各种组件和容器的效果,有web版本和桌面版.用来看看效果,快速学习

 

flex4中为什么要引入spark组件库,它与mx组件库又什么区别?

如上面提到的mx中行为,布局,样式和皮肤都是关联在一起的

而spark中行为,布局,样式和皮肤都是独立的类

所以在spark控制的自动提示中,会发现它提示的元素比mx要少.

 

然后看看它们根本区别在哪里?我们发现spark组件库中有skinClass这个属性,而mx没有

因为mx中所有的样式都是跟随mx的,这样就很难做到样式的重用和灵活改变

而spark可以通过引用 skinClass,为它使用任何skin

这也是面向对象的体现

 

<s:Panel skinClass="mx.skins.spark.AccordionHeaderSkin">
		
</s:Panel>

  

只是单纯的理解把mx中的一些属性抽象出来,那还不足以表明spark的优势

看这个图,用mx很难做到,因为mx中灰色块是由mx本身的属性决定的,而spark中,可以随意变动,因为灰色块自己就是一个对象

 

 

提示前的图标不一样,event style property, 写代码时,一个属性占一行,如果是关联属性则放在同一行