Shulou(Shulou.com)06/02 Report--

How to analyze the eight Flex layout rules, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain for you in detail, people with this need can come to learn, I hope you can gain something.

And you focus on Flex layout rules, including VBox layout, HBox layout, Canvas layout and other eight layout rules.

Flex layout rules

1) VBox

Child elements are arranged vertically; each child element is drawn below the previous label

(2) HBox

Child elements are arranged horizontally; each child element is drawn to the right of the previous label

(3) Canvas

Flex layout rules draw child elements according to the x and y coordinates specified by the developer. If no coordinates are specified, all child elements are drawn in the upper-left corner of the container. For example, if you add a Button control to the Canvas container without specifying the x and y coordinates for the Button control, the button will be rendered in the upper-left corner of the Canvas, at the default (0mem0) location.

(4) Application

By using the Layout property, the Application layout can be set in any way similar to VBox, HBox, or Canvas containers

(5) Tile

Arrange its child elements into one or more vertical or horizontal columns, adding new rows or columns as needed. All Tile container cells are the same size. Flex arranges the cells of the Tile container in a square grid, with one child in each cell. The layout is determined by the direction property.

(6) Panel

A subclass of the Box container in the Flex layout rules, the Panel container can be laid out like any of the VBox, HBox, or Canvas containers, depending on the specified Layout attribute (layout= "absolute" is used by default, and the layout behavior is the same as the Canvas container). In addition to containing child elements, the Panel container daydreams about the title bar area, which can contain its title and status information.

(7) ControlBar

The ControlBar container can be used to dock the toolbar to the bottom of the Panel container or TitleWindow container. ControlBar containers can be laid out as HBox containers or VBox containers, depending on the direction property (default is horizontal)

(8) ApplicationControlBar

The ApplicationControlBar container is used to place components that are accessible throughout the application. If the ApplicationControlBar container is a child of the tag and the dock attribute is true, the ApplicationControlBar container will dock at the top of the drawing area of the application, occupy the full width of the application, and cannot scroll as the application scrolls. ApplicationControlBar containers can be laid out as HBox containers or VBox containers, depending on the direction property (default is horizontal)

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.