What are the ways of Flex4 layout?

This article will explain in detail about the layout of Flex4, which the editor thinks is very practical, so I share it with you for reference. I hope you can get something after reading this article.

Overview of four Flex4 layout classes

A page:spark.layouts has been added to the spark component library of FlexSDK4 (Gumbo). It includes four more important Flex4 layout classes (class), namely: BasicLayout, HorizontalLayout, TileLayout, and VerticalLayout.

1. BasicLayoutFlex4 layout:

(default property, absolute positioning layout when no positioning is specified)

This is the default FlexSDK3 layout of the spark component, that is, the absolute positioning layout. In FlexSDK3, it corresponds to: layout= "absolute"

2. HorizontalLayoutFlex4 layout:

This is the horizontal layout in the spark component library. The corresponding in it is: layout= "horizontal"

3. VerticalLayoutFlex4 layout:

This is the vertical layout in the spark component library. In FlexSDK3, it corresponds to: layout= "vertical"

4. TileLayoutFlex4 layout:

This is the new layout mode of spark component library, that is, grid layout. TileLayout layout can be said to be the combination of HorizontalLayout and VerticalLayout.

There is another point to pay attention to:

PaddingLeft 、 paddingRight 、 paddingTop 、 paddingBottom

These four attributes have been transferred to HorizontalLayout and VerticalLayout. This is also a little different from FlexSDK3. That is, containers in spark components no longer have paddingLeft, paddingRight, paddingTop, paddingBottom attributes.

This is the end of this article on "what are the ways of Flex4 layout?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.