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

Editor to share with you what common Flex controls are used, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

There are two kinds of Flex controls, one is layout control, the other is element control. For example, the Canvas control, the Canvas container draws a rectangular area for placing subcomponents (other containers or controls).

Detailed explanation of Flex Control

There are two kinds of Flex controls, one is layout control, the other is element control. Please see the detailed description below.

◆ Canvas

The Canvas container draws a rectangular area for placing sub-components (other containers or controls). Unlike other containers, the location of Canva sub-components must specify absolute coordinates or use constraint layout.

◆ Box,HBox,andVBox

The Box container is used to place subcomponents horizontally or vertically, using the direction property to determine whether to lay out horizontally or vertically. HBox,VBox is the Box that specifies the direction attribute.

◆ ControlBar

The ControlBar container in the Flex control is generally used in conjunction with the Panel container or the TitleWindow container, such as placing a ControlBar as a Footer at the bottom of the Panel container.

◆ ApplicationControlBar

The ApplicationControlBar container generally acts as navigation throughout the run of the application, such as the area at the top of the Word,Excel that we use to place toolbars and menu bars.

The ApplicationControlBar container has two modes, Docked mode and Normal mode. The Docked mode docks the ApplicationControlBar container at the top of the application all the time, and automatically adjusts the width to the width of the application. The Normal mode can place the ApplicationControlBar container anywhere in the application at any size.

◆ DividedBox,HDividedBox,andVDividedBox

The DividedBox container is similar to the Box container, which is used to place the sub-components horizontally or vertically, except that DividedBox uses the displayed spacer to separate the self-component, you can drag the spacer to expand or reduce the space occupied by each sub-component, the difference between HDividedBox and VDividedBox and DivideBox is the same as the difference between HBox and VBox and Box.

◆ Form,FormHeading,andFormItem

Form is the most common container for Web applications, such as user registration, billing information and so on. FormHeading is used to distinguish each group of Form information. For example, in the process of user registration, you can specify that two FormHeading are required and optional, respectively. FormItem is a specific project in Form, which contains a Label and several controls.

◆ Grid

The Grid container is used to place components in tabular form, just like Table without Border in Html. Each cell (cell) of the Grid container can place 0 or 1 child components, and if you want to place multiple controls in a cell, add one more container to that cell. GridRow is used in Grid to create rows and GridItem is used to create cells. Similar to Html's table, you can also use rowSpan,colSpan to merge cells.

◆ Panel

The Panel container is a commonly used container in Flex controls, including the title (title) area, the container (content) area where child components are placed, and a border. There are three forms of content areas, namely, horizontal layout (horizontal), vertical layout (vertical), and absolute coordinate layout (absolute). Panel is commonly used in conjunction with Form, and of course the ControlBar component mentioned earlier is also a commonly used subcontainer in the Panel container.

◆ Tile

The Tile container places the child components in the form of a table, unlike the Grid container, in that each cell of the Tile container is the same size. The specific placement of the Tile container subcomponents is arranged by the Flex, while the purpose of the Tile container is that all the subcomponents can be arranged horizontally and vertically. For example, if the Tile container has 16 sub-components, the 16 sub-components are placed in 4 rows and 4 columns. If there are 15 sub-components, they are also placed in 4 rows and 4 columns, except that the * column in * row is empty.

◆ TitleWindow

The TitleWindow container inherits from the Panel container, so TitleWindow has all the features of Panel, but the difference is that the TitleWindow container is used as a popup panel.

These are all the contents of this article entitled "what are the common uses of Flex controls?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.