[b]四种flex4布局类概述[/b]
在flexsdk4(gumbo)的spark组件库里面增加了一个page:spark.layouts。其中包括了比较重要的四个flex4布局类(class),分别是:basiclayout、horizontallayout、tilelayout、verticallayout。
[b]1、basiclayoutflex4布局:[/b]
(默认属性,当不指定定位后,则是绝对定位布局)
这是spark组件默认flexsdk3的布局方式,即绝对定位布局。在flexsdk3里面对应的是:layout="absolute"
[b]2、horizontallayoutflex4布局:[/b]
这是spark组件库里面的水平布局方式。在里面对应的是:layout="horizontal"
[b]3、verticallayoutflex4布局:[/b]
这是spark组件库里面的竖直布局方式。在flexsdk3里面对应的是:layout="vertical"
[b]4、tilelayoutflex4布局:[/b]
这是spark组件库新增的布局方式,即格子布局方式。tilelayout布局方式可以说是horizontallayout和verticallayout结合的方式。
还有一点是需要注意的:
paddingleft、paddingright、paddingtop、paddingbottom<br>这四个属性已经转移到了horizontallayout、verticallayout里面。这点也与flexsdk3有些区别。也就是说,在spark组件中的容器,已经不具备paddingleft、paddingright、paddingtop、paddingbottom属性了。
在flexsdk4(gumbo)的spark组件库里面增加了一个page:spark.layouts。其中包括了比较重要的四个flex4布局类(class),分别是:basiclayout、horizontallayout、tilelayout、verticallayout。
[b]1、basiclayoutflex4布局:[/b]
(默认属性,当不指定定位后,则是绝对定位布局)
这是spark组件默认flexsdk3的布局方式,即绝对定位布局。在flexsdk3里面对应的是:layout="absolute"
[b]2、horizontallayoutflex4布局:[/b]
这是spark组件库里面的水平布局方式。在里面对应的是:layout="horizontal"
[b]3、verticallayoutflex4布局:[/b]
这是spark组件库里面的竖直布局方式。在flexsdk3里面对应的是:layout="vertical"
[b]4、tilelayoutflex4布局:[/b]
这是spark组件库新增的布局方式,即格子布局方式。tilelayout布局方式可以说是horizontallayout和verticallayout结合的方式。
还有一点是需要注意的:
paddingleft、paddingright、paddingtop、paddingbottom<br>这四个属性已经转移到了horizontallayout、verticallayout里面。这点也与flexsdk3有些区别。也就是说,在spark组件中的容器,已经不具备paddingleft、paddingright、paddingtop、paddingbottom属性了。