Danh sách và bố trí Flex

*Nội dung này được dịch bằng AI (Beta) và có thể có lỗi. Để xem trang này bằng tiếng Anh, hãy nhấp vào đây.

Vị trí UIListLayout con cái của GuiObjects trong các hàng dọc hoặc cột dọc trong container cha của nó. Mỗi khi bạn thêm hoặc bạn bỏ rơi một con cái object, layout sẽ điều chỉnh tương ứng.

Chỉ hướng

Thuộc tính FillDirection xác định hướng mà các con của bố trí danh sách sẽ được hiển thị.

UIListLayouts illustrating FillDirection of either horizontal or vertical.

Đặt hàng được xác định bởi công thức SortOrder của layout, có thể là tăng dần số lượng dựa trên giá trị đơn vị của mỗi vật phẩm, hoặc LayoutOrder dựa tr

List layout examples illustrating numerical LayoutOrder sorting or alphanumerical Name sorting.

Bố trí

Các thuộc tính HorizontalAlignmentVerticalAlignment

List layout illustrating VerticalAlignment of Center.

Đóng gói

Các Wraps điều khiểnBoolean điều khiểnWhether兄弟 within the parent container wrap to another line when their default size exceeds the width/height of the container's boundaries.

Diagram showing how Wraps affects how siblings are distributed within the parent container's bounds.

Đệm

Thuộc tính Padding xác định số lượng không gian trống giữa mỗi mục danh vật phẩm, thiết lập thành một trong hai một giá trị màu (như porcentage cỡ container hiện tại) hoặc một giá trị màu (như một giá trị thống nhất của kích thước container).

Bố trí Flex

Tích hợp flex vào một UIListLayout là cách mạnh mẽ để đầy đủ/phân bố hoặc 1> trình bày/kéo dài1> list items across their line, hoặc 4> flex specific items4> across a variable space.

Điền hoặc Phân phối bằng nhau

Khi list layout's fill direction được set to Horizontal , property HorizontalFlex định cách phân bố không gian ngang thêm trong container cha. Tương t

UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.

Một lợi dụng thực tế của HorizontalFlex là một tabbed window giao diện nơi flex điền tab bar bằng cách bằng nhau, bất kể số lượng tab. Không có phương pháp dễ dàng hơn flex trong trường hợp này, bởi vì

Trùng dòng mục

Thuộc tính ItemLineAlignment định nghĩa vị trí phía dọc của các con cái trong một dòng, cho phép bạn để xếp hạng các đối tượng có kích thước/chiều cao khác nhau hoặc làm cho đối tượng nhỏ hơn chiều rộng/chiều cao của đối t

Examples of options for ItemLineAlignment in a horizontal fill direction.

Một trường hợp dùng thực tế cho ItemLineAlignment là kéo dài một loạt các thẻ có kích thước không đồng nhất để đầy toàn bộ hàng ( Stretch )), làm cho bố trí dày hơn.

Gạch với các chiều cao nội dung khác nhau dẫn đến một bố trí bất đồng và bất thường

Các mục cá nhân dẻo

Mặc dù việc siết lại toàn bộ bố trí là một công cụ hữu ích, nhưng một số bố trí được thích hợp hơn cho siết lại một mặt hàng individual item flexing . Ở những bố trí này, một số thành phần trong danh sách giữ nguyên kích thước trung

Example of UIFlexItem applied to a specific GuiObject under control of a UIListLayout.

Để đặt một mặt hàng UIFlexItem như một mặt vật phẩmdẻo, thì hãy thêm một Class.UIFlexItem.F

Example hierarchy of a UIFlexItem parented to a GuiObject under control of a UIListLayout.