UIListLayout định vị các đối tượng GuiObjects đồng cấp thành các hàng ngang hoặc cột dọc trong container cha của chúng. Mỗi khi bạn thêm hoặc gỡ bỏ một đối tượng đồng cấp, bố cục sẽ điều chỉnh theo.
Một khi bạn chèn UIListLayout, nó sẽ ghi đè hoặc ảnh hưởng đến Position, Rotation, và/hoặc Size của tất cả các đối tượng UI đồng cấp, vì vậy những thay đổi về những thuộc tính đó trong cửa sổ Properties hoặc trong một đoạn mã sẽ không có tác dụng như bình thường.
Hướng lấp đầy
Thuộc tính FillDirection xác định hướng mà các đối tượng đồng cấp của bố cục danh sách sẽ được hiển thị.
Thứ tự được xác định bởi thuộc tính SortOrder của bố cục, có thể là tăng dần số dựa trên giá trị số nguyên LayoutOrder của mỗi mục, hoặc đệ quy dựa trên Name của mục.
Để đảo ngược các phần tử, như thứ tự từ phải sang trái trong một danh sách ngang, bạn cần đảo ngược thứ tự sắp xếp. Ví dụ, nếu bốn mục được sắp xếp theo LayoutOrder là 0, 1, 2, 3 tương ứng, hãy phủ định từng giá trị để tạo thành thứ tự 0, -1, -2, -3.
Căn chỉnh
Thuộc tính HorizontalAlignment và VerticalAlignment xác định căn chỉnh X và Y tương ứng của cả các đối tượng đồng cấp trong danh sách liên quan đến nhau và phạm vi tổng thể của danh sách trong container của nó. Ví dụ, một danh sách được lấp đầy theo chiều ngang với VerticalAlignment là Center sẽ căn giữa các đối tượng đồng cấp trong danh sách với nhau và căn giữa danh sách theo chiều dọc trong container của nó.
HorizontalAlignment và VerticalAlignment có sự khác biệt nhỏ so với căn chỉnh dòng mục trong một bố cục linh hoạt, với nó bạn có thể căn chỉnh các mục trong cùng một dòng mà không áp dụng cùng một căn chỉnh cho phạm vi tổng thể của danh sách trong container của nó.
Bọc
Biến boolean Wraps điều khiển xem các đối tượng đồng cấp trong container cha có được bao bọc sang hàng khác khi kích thước mặc định của chúng vượt quá chiều rộng/chiều cao của phạm vi container hay không.
Đệm
Thuộc tính Padding xác định lượng khoảng trống trống giữa mỗi mục trong danh sách, được đặt thành một tỷ lệ (phần trăm kích thước của container trong hướng hiện tại) hoặc một offset (giá trị khoảng trống tĩnh tương tự như kích thước pixel).
Thuộc tính này không áp dụng đệm xung quanh phạm vi tổng thể của danh sách; hãy xem UIPadding để áp dụng đệm trên, dưới, trái và/hoặc phải cho nội dung của container cha.
Bố cục linh hoạt
Việc tích hợp linh hoạt vào UIListLayout là một cách mạnh mẽ để lấp đầy/phân phối đều hoặc căn chỉnh/kéo dài các mục trong danh sách qua dòng của chúng, hoặc làm linh hoạt các mục cụ thể qua một không gian có biến.
Mặc dù linh hoạt là một công cụ mạnh mẽ, bạn không nên áp dụng nó vào UIListLayout mà không có mục đích, vì nó làm tăng một chút chi phí hiệu suất so với không linh hoạt, đặc biệt khi thay đổi kích thước bố cục hoặc thêm/gỡ bỏ động các mục linh hoạt.
Thêm vào đó, một bố cục lưới có thể là lựa chọn tốt hơn khi các mục cần phải căn chỉnh chặt chẽ với một lưới trong cả hai hướng X và Y, vì các bố cục lưới thực thi một kích thước ô nhất quán trong khi các bố cục linh hoạt có thể sử dụng một số mục thay đổi trên mỗi dòng.
Lấp đầy hoặc phân phối đều
Khi hướng lấp đầy của bố cục danh sách được đặt thành Horizontal, thuộc tính HorizontalFlex xác định cách phân phối không gian chiều ngang thừa trong container cha. Tương tự, khi hướng lấp đầy được đặt thành Vertical, thuộc tính VerticalFlex xác định cách phân phối không gian chiều dọc thừa.
Một ứng dụng thực tiễn của HorizontalFlex là giao diện cửa sổ có tab nơi flex điền đều thanh tab, bất kể số lượng tab. Không có phương pháp nào dễ hơn flex trong trường hợp này, vì nó tự động tính toán chiều rộng của mỗi tab mà không cần cài đặt chiều rộng do nhà phát triển xác định, và tự động điều chỉnh nếu số lượng tab thay đổi.
Căn chỉnh dòng mục
Thuộc tính ItemLineAlignment xác định căn chỉnh theo chiều xuyên của các đối tượng đồng cấp trong một dòng, cho phép bạn căn chỉnh các đối tượng có chiều rộng/chiều cao khác nhau hoặc làm cho các đối tượng có chiều rộng/chiều cao nhỏ hơn lấp đầy toàn bộ dòng của chúng.
Một trường hợp sử dụng thực tiễn cho ItemLineAlignment là kéo dài một loạt các gạch lát kích thước không đồng nhất để lấp đầy toàn bộ hàng của chúng (Stretch), làm cho bố cục trở nên đồng bộ hơn.
Làm linh hoạt các mục riêng lẻ
Trong khi làm linh hoạt một toàn bộ bố cục là một tiện ích mạnh mẽ, một số bố cục thích hợp hơn cho các mục linh hoạt riêng lẻ. Trong các bố cục như vậy, một số phần tử trong danh sách duy trì kích thước cốt lõi của chúng trong khi các mục khác làm linh hoạt để lấp đầy không gian biến đổi. Một ứng dụng thực tế là một tiện ích thanh trượt với nhãn đồng nhất ở cả hai đầu và một thanh trượt linh hoạt lấp đầy toàn bộ chiều rộng giữa.
Để đặt một mục danh sách cụ thể là linh hoạt, chèn một UIFlexItem làm con của mục linh hoạt, sau đó đặt thuộc tính FlexMode của nó thành Fill, Grow, Shrink, hoặc Custom.
