UIListLayout

แสดงที่เลิกใช้งานแล้ว

*เนื้อหานี้แปลโดยใช้ AI (เวอร์ชัน Beta) และอาจมีข้อผิดพลาด หากต้องการดูหน้านี้เป็นภาษาอังกฤษ ให้คลิกที่นี่

A UIListLayout ตำแหน่ง UI เอิ่มในแถวหรือคอลัมภาย

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

เพื่อควบคุมลำดับระเบียบาลของพี่น้อง ตั้ง Class.UI

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

การกรองระหว่างพี่น้องคือการกรองโดยผ่าน Padding โปรปีติ และการรวมตัวอยู่ภายในขอบ

โปรดทราบว่ามีความสัมพันธ์การประสิทธิภาพของการใช้รายการ ชนิดเปิดอักขระเสริม เนื่องจากต้องใช้การคำนวณเพิ่มเติมเพื่

HorizontalFlex และ/หรือ VerticalFlex ไม่ได้ติดตั้งให้เป็น Class.UIListLayout.None * ItemLineAlignment ไม่ได้ติดตั้งให้เป็น Enabled.ItemLineAlignment.Automatic * Wraps เป็น true

สรุป

คุณสมบัติ

HorizontalFlex:Enum.UIFlexAlignment
อ่านพร้อมๆ กัน
ควบคุมวิธีการจัดการพื้นที่แนวตั้งเพิ่มเติม
ItemLineAlignment:Enum.ItemLineAlignment
อ่านพร้อมๆ กัน
ในการจัดเรียงแบบยืดหยุ่น จะกำหนดการจัดเรียงพี่น้องในแนวตรงขึ้นภายในแถว
Padding:UDim
อ่านพร้อมๆ กัน
จํานวนพื้นที่ฟรีระหว่างแต่ละองค์ประกอบ
VerticalFlex:Enum.UIFlexAlignment
อ่านพร้อมๆ กัน
ควบคุมวิธีการจัดสรรพื้นที่แนวตั้งเพิ่มเติม
Wraps:bool
อ่านพร้อมๆ กัน
ควบคุมว่าลูกพี่ลูกน้องภายในคอนเทนเนอร์พ่อแม่หุ้มห่อ

คุณสมบัติรับทอดมาจากUIGridStyleLayout

AbsoluteContentSize:Vector2
อ่านอย่างเดียว
ไม่ซ้ำ
ขนาดพื้นที่ที่แท้จริงที่ได้รับการเก็บไว้โดยแมชชีนเลย์
FillDirection:Enum.FillDirection
อ่านพร้อมๆ กัน
กำหนดแกนที่ UI ตัวนำวัตถุจะวางอยู่
HorizontalAlignment:Enum.HorizontalAlignment
อ่านพร้อมๆ กัน
กำหนดการจัดตำแหน่งแนวตั้งของรูปแบบในพื้นที่ลูกขององค์ประกอบ
SortOrder:Enum.SortOrder
อ่านพร้อมๆ กัน
กำหนดลำดับที่เด็ก UI วัตถุจะวางในแผนผัง
VerticalAlignment:Enum.VerticalAlignment
อ่านพร้อมๆ กัน
กำหนดตำแหน่งแนวตั้งของรายการ UI ในองค์ประกอบพ่อ

ดูทั้งหมดที่รับทอดมาจาก Instance

ดูทั้งหมดที่รับทอดมาจาก Object

วิธีการ

ดูทั้งหมดที่รับทอดมาจาก Instance

ดูทั้งหมดที่รับทอดมาจาก Object

อีเวนต์

ดูทั้งหมดที่รับทอดมาจาก Instance

ดูทั้งหมดที่รับทอดมาจาก Object

คุณสมบัติ

HorizontalFlex

Enum.UIFlexAlignment

อ่านพร้อมๆ กัน

เมื่อลักษณะลิสต์เรียงลำดับของ FillDirection ติดตั้งไว้ใน Enum.FillDirection.Horizontal คุณสมบัติ HorizontalFlex ระบุวิธีการจัดส่วนพื้นที่แนวตั้งเพิ่มเติมในคอนเทนเนอร์พ่อ


<tbody>
  <tr>
    <td><code>เรียกลำดับ</code></td>
    <td>ไม่มีพฤติกรรมยืดเยื้อ; พี่น้องรักษาความกว้างที่กำหนดไว้</td>
  </tr>

  <tr>
    <td><code>เรียกค่าย่อย.UIFlexAlignment.Fill|Fill</code></td>
    <td>พี่น้องขยายขนาดใหญ่ขึ้นตามแนวตั้งเพื่อเติมเต็มตัวผู้ปกครอง โดยเฉพาะการเปลี่ยนแปลงความกว้างที่กำหนดไว้ หมายเลขพี่น้องในแถวเดียวยังคงเหมือนเดิม; เช่น</td>
  </tr>

  <tr>
    <td>เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตั</td>
    <td>พี่น้องจัดการความกว้างที่กำหนดของพวกเขา การจัดเวลาที่เท่ากันจะถูกเพิ่มขึ้นทั้งสองด้านของแต่ละพี่น้อง</td>
  </tr>

  <tr>
    <td><code>เรียกค่าตัวอื่นๆ ของ UIFlexAlignment.SpaceBetween | SpaceBetween</code></td>
    <td>พี่น้องรักษาความกว้างที่กำหนดของพวกเขา การจัดเวลาที่เท่ากันจะถูกเพิ่มขึ้น <b>ระหว่าง</b> พี่น้อง แต่ไม่มีพื้นที่เพิ่มเติมจะถูกเพิ่มขึ้น <b>รอบ</b> พี่น้อง</td>
  </tr>

  <tr>
    <td><code>เรียงลำดับ.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
    <td>พี่น้องจัดการความกว้างที่กำหนดของพวกเขา การจัดเวลาที่เท่ากันจะถูกเพิ่มทั้ง <b>ระหว่าง</b> และ <b>รอบ</b> พี่น้อง</td>
  </tr>
</tbody>

การตั้งค่า	พี่น้องพฤติกรรม

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

พฤติกรรมแบบข้ามทิศทาง

ใน รายการระเบียบาล ( FillDirection ตั้งค่าให้เป็น Class.UIListLayout.

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.

การใช้งานขนาดอัตโนมัติ

หาก GuiObject.AutomaticSize เปิดใช้งานสำหรับลูกของ UIListLayout ใน FillDirection มันจะถูกใช้เป็น "เบาะแสเครื่องกล" และจะกำหนดข

หาก GuiObject.AutomaticSize เปิดใช้งานสำหรับลูกของ UIListLayout ใน ทิศทางข้ามเส้นทาง มันจะถูกใช้เป็น "ขนาดการเคลื่อนย้ายอัตโนมัติ" และจะกำหนดขนาดขั้น

ItemLineAlignment

Enum.ItemLineAlignment

อ่านพร้อมๆ กัน

ใน การจัดเรียงแบบยืดเยื้อ กำหนดการจัดเรียง แนวตั้ง ของพี่น้องภายในแถว ดู Enum.ItemLineAlignment สำหรับตัวอย่างทางสายตา


<tbody>
  <tr>
    <td><code>เรียงลำดับรายการโดยอัตโนมัติ|อัตโนมัติ</code></td>
    <td>จัดเรียงพี่น้องของรูปแบบหรือพ่อของรูปแบบ <code>Class.UIFlexItem</code> บนแผงควบคุมของรูปแบบหรือ <code>Class.UIListLayout.HorizontalAlignment|HorizontalAlignment</code> หรือ <code>Class.UIListLayout.VerticalAlignment</code> ตามความต้องการของ 1> Class.</td>
  </tr>

  <tr>
    <td><code>เรียงลำดับรายการ</code></td>
    <td>จัดเรียงพี่น้องร่วมของรูปแบบหรือพ่อของ <code>Class.UIFlexItem</code> ให้อยู่ในตำแหน่งด้านบนของแถวในการกรอกแนวตั้งหรือด้านซ้ายของแถวในการกรอกแนวตั้ง</td>
  </tr>

  <tr>
    <td><code>เอนูม.ไอเท็มไลน์อัลไลเนชันเซ็นเตอร์</code></td>
    <td>จัดเรียงพี่น้องของรูปแบบหรือพ่อของรูปแบบที่เฉพาะเฉพาะ <code>Class.UIFlexItem</code> ในการเติมเต็มแนวตั้งหรือแนวนอน</td>
  </tr>

  <tr>
    <td><code>การจัดตำแหน่งรายการ</code></td>
    <td>จัดเรียงพี่น้องของรูปแบบหรือพี่น้องของคลาส <code>Class.UIFlexItem</code> ในแถวด้านล่างในการกรอกแนวตั้งหรือในแถวด้านขวาในการกรอกแนวตั้ง</td>
  </tr>

  <tr>
    <td><code>เรียงตำแหน่งรายการ</code></td>
    <td>ยืดพี่น้องของรุ่นหรือพ่อของรุ่น <code>Class.UIFlexItem</code> เพื่อกรอกทิศทางของเส้นในแนวนอนหรือแนวตั้ง</td>
  </tr>
</tbody>

การตั้งค่า	พี่น้องพฤติกรรม

Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

UDim

อ่านพร้อมๆ กัน

กำหนดจำนวนพื้นที่ว่างระหว่างแต่ละองค์ประกอบ ตั้งค่าเป็นเครื่องชี้วัด (เปอร์เซ็นต์ขนาดของพ่อในทิศทางปัจจุบัน) หรือออเฟ็ต (ค่าเริ่มต้นขนาดของพิกเซล)

VerticalFlex

Enum.UIFlexAlignment

อ่านพร้อมๆ กัน

เมื่อลักษณะลิสต์เรียงลำดับของ FillDirection ติดตั้งไว้ใน Enum.FillDirection.Vertical คุณสมบัติ VerticalFlex ระบุวิธีการจัดสรรพื้นที่เส้นแนวพิเศษในคอนเทนเนอร์พ่อ


<tbody>
  <tr>
    <td><code>เรียกลำดับ</code></td>
    <td>ไม่มีพฤติกรรมยืดเยื้อ; พี่น้องรักษาความสูงที่กำหนดไว้</td>
  </tr>

  <tr>
    <td><code>เรียกค่าย่อย.UIFlexAlignment.Fill|Fill</code></td>
    <td>พี่น้องขยายขนาดตามแนวตั้งเพื่อเติมเต็มคอนเทนเนอร์พ่อ โดยเฉือนความสูงของพี่น้องที่กำหนด ตัวเลขพี่น้องในคอลัมน์ยังคงเหมือนเดิม; เช่น, หากสามพี่น้องเหมาะ</td>
  </tr>

  <tr>
    <td>เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตัวอักษร | เรียกค่าตั</td>
    <td>พี่น้องรักษาความสูงที่กำหนดไว้ของพวกเขา การจัดเวลาที่เท่ากันจะถูกเพิ่มขึ้นทั้งสองด้านของแต่ละพี่น้อง</td>
  </tr>

  <tr>
    <td><code>เรียกค่าตัวอื่นๆ ของ UIFlexAlignment.SpaceBetween | SpaceBetween</code></td>
    <td>พี่น้องรักษาความสูงที่กำหนดไว้ของพวกเขา การจัดเวลาที่เท่ากันจะถูกเพิ่มขึ้น <b>ระหว่าง</b> พี่น้อง แต่ไม่มีพื้นที่เพิ่มเติมจะถูกเพิ่มขึ้น <b>รอบ</b> พี่น้อง</td>
  </tr>

  <tr>
    <td><code>เรียงลำดับ.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
    <td>พี่น้องรักษาความสูงที่กำหนดไว้ของพวกเขา การจัดเวลาที่เท่ากันจะถูกเพิ่มทั้ง <b>ระหว่าง</b> และ <b>รอบ</b> พี่น้อง</td>
  </tr>
</tbody>