这篇文章将为大家详细讲解有关Flex4布局方式有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
四种Flex4布局类概述
在FlexSDK4(Gumbo)的spark组件库里面增加了一个page:spark.layouts。其中包括了比较重要的四个Flex4布局类(class),分别是:BasicLayout、HorizontalLayout、TileLayout、VerticalLayout。
1、BasicLayoutFlex4布局:
(默认属性,当不指定定位后,则是绝对定位布局)
这是spark组件默认FlexSDK3的布局方式,即绝对定位布局。在FlexSDK3里面对应的是:layout="absolute"
2、HorizontalLayoutFlex4布局:
这是spark组件库里面的水平布局方式。在里面对应的是:layout="horizontal"
3、VerticalLayoutFlex4布局:
这是spark组件库里面的竖直布局方式。在FlexSDK3里面对应的是:layout="vertical"
4、TileLayoutFlex4布局:
这是spark组件库新增的布局方式,即格子布局方式。TileLayout布局方式可以说是HorizontalLayout和VerticalLayout结合的方式。
还有一点是需要注意的:
paddingLeft、paddingRight、paddingTop、paddingBottom
这四个属性已经转移到了HorizontalLayout、VerticalLayout里面。这点也与FlexSDK3有些区别。也就是说,在spark组件中的容器,已经不具备paddingLeft、paddingRight、paddingTop、paddingBottom属性了。
关于“Flex4布局方式有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。