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, 写代码时,一个属性占一行,如果是关联属性则放在同一行
