vertical layout group component (automatic layout)

Write a custom catalog title here

Vertical layout group

The "Vertical Layout Group" component overlaps its child layout elements with each other. Their height is determined by their minimum height, preferred height and flexible height, depending on the following models:

1. The minimum heights of all child layout elements are added together, and the spacing between them is also added. The result is the minimum height of the vertical layout group.
2. The preferred heights of all child layout elements are added together, and the spacing between them is also added. The result is the preferred height of the vertical layout group.
3. If the vertical layout group is at its minimum height or smaller, then all child layout elements will also have their minimum height.
4. The closer the "Vertical Layout" group is to its preferred height, the closer each sub-layout element will be to its preferred height.
5. If the "Vertical Layout Group" is higher than its preferred height, it will proportionally allocate additional available space based on the respective flexible heights of the child layout elements.

nature

Insert picture description here
| Properties: Properties (Chinese): Function:
the Padding filling filled in the layout set of edge.
Spacing Spacing between layout elements.
Child Alignment subclass alignment If the child layout elements do not fill all available space, their alignment is used.
Control Child Size controls the size of the subclass. Whether the layout group controls the width and height of its child layout elements.
Use Child Scale subclass scale Whether the layout group considers the proportion of its child layout elements when adjusting the element size and layout. —The width and height correspond to the "Scale"> "X" and "Scale"> "Y" values ​​in the Rect transform component of each sub-layout element.
Child Force Expand subclass expand if forced sub-layout element expands to fill the available space other.

Guess you like

Origin blog.csdn.net/jiachun199/article/details/107476046