ตําแหน่งพี่น้อง ในแนวนอนหรือแนวตั้งภายในคอนเทนเนอร์พ่อแม่ของพวกเขาทุกครั้งที่คุณเพิ่มหรือลบวัตถุพี่น้อง เลย์เอาต์จะปรับตามไปด้วย
เมื่อคุณเพิ่ม UIListLayout คุณจะได้รับการแทนที่หรือมีอิทธิพลต่อ Position , Rotation และ/หรือ Size ของวัตถุ UI ทั้งหมดในครอบครัว ดังนั้นการเปลี่ยนแปลงในคุณสมบัติภายในหน้าต่าง คุณสมบัติ หรือภายในสคริปต์จะไม่มีผลตามปกติ
กรอกทิศทาง
คุณสมบัติ FillDirection กำหนดทิศทางที่พี่น้องของรูปแบบรายการจะแสดงผล
การสั่งซื้อจะถูกกำหนดโดยคุณสมบัติของเลย์เอาต์ ซึ่งสามารถเป็น เพิ่มขึ้นเรื่อยๆ ไอเท็ม, หรือ อัลฟานิวเมริก ไอเท็ม
เพื่อย้อนส่วนองค์ประกอบ เช่น การจัดเรียงจากซ้ายไปขวาในรายการแนวนอน คุณจะต้องย้อนการจัดเรียงตัวอย่างเช่น หากสั่งซื้อสี่รายการโดย LayoutOrder ของ 0 , 1 , 2 , 3 ตามลำดับ ให้ปฏิเสธแต่ละค่าเพื่อสร้างคำสั่งซื้อของ 0 , -1 , -2 , -3 .
การจัดตำแหน่ง
คุณสมบัติ HorizontalAlignment และ VerticalAlignment กําหนดการจัดเรียง X และ Y ของพี่น้องรายการทั้งหมดในความสัมพันธ์กับกันและขอบเขตทั้งหมดภายในภาชนะของมันตัวอย่างเช่น รายการที่เติมแนวนอนด้วย VerticalAlignment ของ Center จะจัดเรียงพี่น้องของรายการให้อยู่ในแนวเดียวกัน และ เปลี่ยนรายการให้อยู่ในแนวตั้งในภาชนะ
และ แตกต่างเล็กน้อยจาก การจัดเรียงบรรทัดรายการ ในการออกแบบแบบยืดหยุ่น ซึ่งคุณสามารถจัดเรียงรายการในบรรทัดเดียวกันโดยไม่ใช้การจัดเรียงเดียวกันกับขอบเขตทั้งหมดของรายการในภาชนะของมัน
การบรรจุ
ตัวควบคุม boolean Wraps จะกำหนดว่าพี่น้องภายในคอนเทนเนอร์รากจะรวบรวมไปยังบรรทัดอื่นเมื่อขนาดเริ่มต้นเกินขนาดและความสูงของขอบเขตของคอนเทนเนอร์
การเว้นวรรค
คุณสมบัติ ไอเท็มตั้งค่าเป็นเครื่องชั่ง (เปอร์เซ็นต์ของขนาดของคอนเทนเนอร์ในทิศทางปัจจุบัน) หรือออฟเซ็ต (ค่าช่องว่างคงที่คล้ายกับขนาดพิกเซล)
คุณสมบัตินี้ไม่ใช้การเว้นวรรค รอบ ขอบรวมของรายการ; ดู UIPadding เพื่อใช้การเว้นวรรคด้านบน ด้านล่าง ซ้าย และ/หรือขวาให้กับเนื้อหาของผู้ปกครอง
เลย์เอาต์ยืดหยุ่น
บูรณาการ flex เข้ากับ UIListLayout เป็นวิธีที่ทรงพลังในการ เติม/จำหน่ายเท่าเทียมกัน หรือ จัดเรียง/ยืด รายการรายการทั่วบรรทัดของพวกเขา หรือ จัดเรียงรายการเฉพาะของ flex ในพื้นที่แปรผัน
ในขณะที่ยืดเป็นเครื่องมือที่ทรงพลัง คุณไม่ควรใช้มันกับ UIListLayout โดยไม่มีวัตถุประสงค์ เนื่องจากมันเพิ่มค่าใช้จ่ายด้านประสิทธิภาพเล็กน้อยเหนือ non‑flex โดยเฉพาะอย่างยิ่งเมื่อปรับแต่งเลย์เอาต์หรือเพิ่ม/ลบไอเทมยืดไดนามิก
นอกจากนี้ การจัดเรียงแบบกริด อาจเป็นที่ต้องการเมื่อไอเทมควรสอดคล้องกับกริดในทิศทาง X และ Y เนื่องจากการจัดเรียงกริดบังคับให้เซลล์มีขนาดคงที่ในขณะที่การจัดเรียงแบบยืดหยุ่นอาจใช้จํานวนไอเทมต่อบรรทัดที่แตกต่างกัน
การเติมหรือกระจายที่เท่าเทียม
เมื่อการจัดเตรียมทิศทางการเติมของรายการเลย์เอาต์ ถูกตั้งค่าเป็น คุณสมบัติ จะระบุวิธีการจัดส่งพื้นที่แนวนอนเพิ่มเติมในคอนเทนเนอร์รากเช่นเดียวกันเมื่อเลือกทิศทางการเติมเป็น Vertical คุณสมบัติ VerticalFlex จะระบุวิธีการจัดส่งพื้นที่แนวตั้งเพิ่มเติม
การใช้งานที่เป็นประโยชน์หนึ่งของ คืออินเทอร์เฟซแท็บที่มีการเติมแถบแท็บเท่ากันโดยไม่คำนึงถึงจํานวนแท็บไม่มีวิธีใดง่ายกว่าการยืดในกรณีนี้เพราะมันคำนวณความกว้างของแต่ละแท็บโดยอัตโนมัติโดยไม่มีการตั้งค่าความกว้างที่กำหนดโดยผู้พัฒนา และปรับตัวโดยอัตโนมัติหากจำนวนแท็บเปลี่ยน
การจัดเรียงเส้นรายการ
คุณสมบัติ กำหนดการจัดเรียงแบบข้ามทิศทางของพี่น้องภายในบรรทัดโดยให้คุณจัดเรียงวัตถุที่มีความกว้าง/ความสูงที่แตกต่างกันหรือทำให้วัตถุที่มีความกว้าง/ความสูงน้อยกว่าเติมทั้งบรรทัด
กรณีการใช้งานที่เป็นประโยชน์หนึ่งสำหรับ ItemLineAlignment คือการยืดชุดของกระเบื้องที่มีขนาดไม่สอดคล้องกันเพื่อเติมแถวทั้งหมดของพวกเขา ( Stretch ) ทำให้การออกแบบมีความสอดคล้องมากขึ้น
ยืดรายการแต่ละรายการ
ในขณะที่ยืดเลย์เอาต์ทั้งหมดเป็นอุปกรณ์ที่ทรงพลัง แต่เลย์เอาต์บางอย่างเหมาะสมกับการยืดเลย์เอาต์แต่ละรายการมากขึ้น ยืดเลย์เอาต์แต่ละรายการ ในรูปแบบเช่นนี้บางองค์ประกอบในรายการจะรักษาขนาดหลักไว้ในขณะที่รายการอื่นยืดเพื่อเติมช่องว่างแปรผันการใช้งานที่เป็นประโยชน์หนึ่งคือไอคอนแถบเลื่อนที่มีฉลากเดียวกัน บนทั้งสองด้าน และแถบเลื่อนที่ยืดหยุ่นซึ่งเติมความกว้างทั้งหมดระหว่างทั้งสองด้าน
ไอเท็มใส่ UIFlexItem เป็นลูกของรายการยืดหยุ่นแล้วตั้งค่าคุณสมบัติ FlexMode ของมันเป็น Fill หรือ Grow หรือ Shrink หรือ Custom
