Các vị trí anh em vào các hàng ngang hoặc cột dọc trong bối cảnh cha của chúng trong các hàng ngang hoặc cột dọc.Mỗi khi bạn thêm hoặc xóa một đối tượng anh em, bố trí sẽ điều chỉnh tương ứng.
Một khi bạn chèn một UIListLayout , nó có thể thay thế hoặc ảnh hưởng đến Position , Rotation , và/hoặc Size của tất cả các đối tượng UI anh em, do đó các thay đổi vào các thuộc tính trong cửa sổ Tính năng hoặc trong một kịch bản sẽ không có hiệu ứng bình thường.
Điền hướng
Thuộc tính FillDirection xác định hướng mà các em họ của bố trí danh sách sẽ được hiển thị.
Xếp hạng được xác định bởi thuộc tính của bố trí, có thể là tăng dần số lượng , dựa trên giá trị số nguyên của mỗi vật phẩm, hoặc alphanumeric dựa trên giá trị số nguyên của vật phẩm.
Để đảo ngược các yếu tố, chẳng hạn như xếp theo thứ tự từ trái sang phải trong danh sách ngang, bạn sẽ cần phải đảo ngược xếp hạng.Ví dụ, nếu bốn mặt hàng được đặt bởi LayoutOrder của 0 , 1 , 2 , 3 lần lượt, hãy phủ nhận mỗi giá trị để tạo ra một đơn đặt hàng của 0 , -1 , -2 , -3 .
Bố trí
Các thuộc tính HorizontalAlignment và VerticalAlignment xác định lần lượt X và Y vị trí bố trí của các anh em trong danh sách so với nhau và giới hạn tổng thể của danh sách trong khoảng chứa của nó.Ví dụ, một danh sách được lấp đầy theo chiều ngang với VerticalAlignment của Center trung tâm hóa danh sách các anh em với nhau và trung tâm danh sách theo chiều đứng trong thùng chứa của nó.
HorizontalAlignment và VerticalAlignment khác nhau một chút so với dòng xếp hạng vật phẩm trong một bố trí flex, với đó bạn có thể xếp các vật phẩm cùng trong cùng một dòng mà không áp dụng cùng một định dạng cho giới hạn tổng thể của danh sách trong bố trí của nó.
Đóng gói
Các điều khiển boolean Wraps xác định xem liệu các thành viên trong thùng chứa cha có bọc vào một dòng khác khi kích thước mặc định vượt quá chiều rộng/chiều cao của giới hạn của thùng chứa hay không.
Đệm
Thuộc tính Padding xác định số lượng không gian trống giữa mỗi vật phẩmdanh 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 khoảng trống (giá trị khoảng cách 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 giới hạn tổng thể của danh sách; xem UIPadding để áp dụng đệm trên, dưới, bên trái và/hoặc bên phải cho nội dung của cha.
Bố trí linh hoạt
Tích hợp flex vào một UIListLayout là một cách mạnh mẽ để lấp đầy/phân phối bằng nhau hoặc căn chỉnh/kéo dài danh sách vật phẩm trên các dòng của họ, hoặc tích hợp các vật phẩm cụ thể flex trên không gian biến thiên.
Trong khi flex là một công cụ mạnh mẽ, bạn không nên áp dụng nó cho một UIListLayout không có mục đích, vì nó thêm một chi phí hiệu suất nhỏ hơn so với non‑flex, đặc biệt là khi thay đổi kích thước bố trí hoặc thêm/xóa mục flex một cách năng động.
Ngoài ra, một bố trí lưới có thể được ưu tiên khi các mục phải tuân thủ nghiêm ngặt với một lưới trong cả hướng X và Y, vì bố trí lưới thiết lập kích thước tế bào nhất quán trong khi bố trí linh hoạt có thể sử dụng một số lượng biến thiên của mỗi dòng.
Điền hoặc phân phối bằng nhau
Khi chiều rộng của bố trí danh sách được đặt thành , thuộc tính định cách phân phối thêm không gian ngang trong thùng chứa 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 thêm không gian ngang.
Một sử dụng thực tế của HorizontalFlex là một giao diện tabbed cửa sổ nơi flex lấp đầy thanh tab bằng nhau, bất kể số lượng tab.Không có cách nào dễ dàng hơn flex trong trường hợp này, bởi vì nó tự động tính toán chiều rộng của mỗi tab mà không có cài đặt chiều rộng định trước của nhà phát triển, và nó tự động điều chỉnh nếu số lượng tab thay đổi.
Sự sắp xếp dòng vật phẩm
Thuộc tính ItemLineAlignment định nghĩa sự cân bằng chiều ngang của các anh em 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 thấp hơn lấp đầy toàn bộ dòng của họ.
Một trường hợp sử dụng thực tế cho ItemLineAlignment là kéo dài một loạt các ô có kích thước không đồng nhất để lấp đầy toàn bộ hàng của họ ( Stretch ), làm cho bố trí trở nên chặt chẽ hơn.
Linh hoạt các mục riêng lẻ
Trong khi gập toàn bộ bố trí là một công cụ mạnh mẽ, một số bố trí phù hợp hơn với gập một mục riêng lẻ .Trong các bố trí như vậy, một số thành phần trong danh sách duy trì kích thước lõi của chúng trong khi các thành phần khác linh hoạt để lấp đầy không gian biến số.Một sử dụng thực tế là một widget thanh trượt với các nhãn đồng nhất ở cả hai đầu và một thanh trượt linh hoạt mà lấp đầy toàn bộ chiều rộng giữa.
Để thiết lập một mục danh sách cụ thể như linh hoạt, hãy chèn một UIFlexItem như con của vật phẩmlinh hoạt, sau đó đặt tính chất FlexMode của nó thành Fill , Grow , Shrink hoặc Custom .
