UIGridLayout

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

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

UIGridLayout (ไม่ควรสับสนกับ abstract UIGridStyleLayout จากซึ่งคลาสนี้ได้รับมรดก) วางองค์ประกอบ UI พี่น้องในหลายแถวภายในองค์ประกอบ UI หลักโดยเพิ่มองค์ประกอบให้กับแถวหนึ่งโดยหนึ่งจนกว่าองค์ประกอบถัดไปจะไม่พอดีจากนั้นจะดำเนินการเพิ่มองค์ประกอบในแถวถัดไปเลย์เอาต์ UIGrid จะควบคุมองค์ประกอบ UI ของ GuiObject.Size และ GuiObject.Position ภายใต้การควบคุมในขณะที่อยู่ภายใต้การควบคุม คุณสมบัติขององค์ประกอบ UI เหล่านี้จะไม่สามารถแก้ไขได้ในหน้าต่างคุณสมบัติ

โดยค่าเริ่มต้นจะจัดเรียงองค์ประกอบในลำดับเพิ่มขึ้นเมื่อมูลค่าที่ต่ำกว่าได้รับความสำคัญมากกว่ามูลค่าที่สูงกว่า แต่สามารถเปลี่ยนเป็นใช้ชื่อองค์ประกอบโดยการเปลี่ยน เป็น ชื่อ UIListLayout จะรีเลย์องค์ประกอบโดยอัตโนมัติเมื่อเพิ่ม/ลบองค์ประกอบหรือหากคุณสมบัติที่เกี่ยวข้องเปลี่ยนแปลง: GuiObject.LayoutOrder หรือ Instance.Nameสิ่งนี้สามารถกระตุ้นได้ด้วยตัวเองโดยการโทร UIGridStyleLayout:ApplyLayout() แม้ว่าสิ่งนี้มักจะไม่จำเป็น

ขนาดเซลล์ที่เป็นจริงเหมือนกันสำหรับเซลล์ทั้งหมดเลย์เอาต์ UIGrid จะเคารพข้อจํากัดของอินเทอร์เฟซผู้ใช้ที่วางไว้กับมัน เช่น UISizeConstraint และ UIAspectRatioConstraintองค์ประกอบในเลย์เอาต์สามารถครอบคลุมหลายเซลล์ได้หากมี UISizeConstraint ที่มี MinSize ตั้งค่าสูงกว่า CellSizeเป็นไปได้ที่จะจำกัดจำนวนองค์ประกอบต่อแถวโดยใช้ UIGridLayout.FillDirectionMaxCellsหากตั้งค่าเป็น 1 ก็เป็นไปได้ที่จะสร้างแถวเดียวขององค์ประกอบ (เนื่องจากแต่ละองค์ประกอบจะถูกจัดในแถวของตัวเอง)

รูปแบบนี้เหมาะสมเมื่อการหยุดชะงักของบรรทัดเป็นไปตามที่ต้องการหลังเซลล์สุ่มตัวอย่างเช่น ชุดของพื้นที่สินค้าคงคลังเป็นการใช้งานที่ดีของเลย์เอาต์นี้หากสร้างตารางของค่าที่ไม่เหมาะสมในกลางข้อมูลตาราง อาจเป็นความคิดที่ดีกว่าที่จะใช้ UITableLayout แทน

สรุป

คุณสมบัติ

  • อ่านอย่างเดียว
    ไม่ซ้ำ

    จํานวนองค์ประกอบในกริด

  • อ่านอย่างเดียว
    ไม่ซ้ำ

    ขนาดสัมบูรณ์ของแต่ละองค์ประกอบในกริด

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

    กำหนดจํานวนพื้นที่ที่มีระหว่างองค์ประกอบในกริด

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

    กำหนดขนาดของแต่ละองค์ประกอบในกริด

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

    กำหนดจํานวนเซลล์สูงสุดที่อาจใช้ในแถวหรือคอลัมน์ก่อนที่จะเริ่มแถวหรือคอลัมน์ถัดไป

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

    กำหนดจากมุมใดที่กริดเริ่มวางองค์ประกอบ UI

คุณสมบัติรับทอดมาจากUIGridStyleLayout
  • อ่านอย่างเดียว
    ไม่ซ้ำ

    ขนาดสัมบูรณ์ของพื้นที่ที่ถูกใช้โดยการจัดเรียงกริด

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

    กำหนดแกนที่ UI จะถูกวางออก

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

    กำหนดการจัดเรียงแนวนอนขององค์ประกอบ UI ภายในองค์ประกอบพ่วง

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

    กำหนดลำดับที่วัตถุ UI เด็กจะถูกวางในเลย์เอาต์

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

    กำหนดการจัดตำแหน่งแนวตั้งขององค์ประกอบ UI ภายในองค์ประกอบพ่วง

คุณสมบัติ

AbsoluteCellCount

อ่านอย่างเดียว
ไม่ซ้ำ

วัดจํานวนส่วนสูงสุดในแต่ละทิศทาง อ่านได้เท่านั้น

AbsoluteCellSize

อ่านอย่างเดียว
ไม่ซ้ำ

ให้ขนาดของแต่ละองค์ประกอบของกริดในการชดเชยอ่านเฉพาะไม่ได้รับผลกระทบจากใดๆ UIScale , UISizeConstraint หรือ UIAspectRatioConstraint ที่ใช้กับองค์ประกอบใดๆ ในกริด

CellPadding

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

(ค่าเริ่มต้น 0, 5, 0, 5) กำหนดจำนวนพื้นที่ที่มีระหว่างองค์ประกอบในกริดเช่นเดียวกับ UDim2s ทั้งหมด พื้นที่นี้สามารถอยู่ทั้งในร้อยละของขนาดของคอนเทนเนอร์พ่วงและการเลื่อนพิกเซลดิบ

CellSize

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

(ค่าเริ่มต้น 0, 100, 0, 100) กำหนดขนาดของแต่ละองค์ประกอบในกริดเช่นเดียวกับ UDim2s ทั้งหมด ขนาดนี้สามารถอยู่ทั้งในร้อยละของขนาดของคอนเทนเนอร์รากและการเลื่อนพิกเซลดิบหากองค์ประกอบที่มีขนาดมี UIConstraint ขนาดจะถูกกำหนดโดยข้อจำกัดไม่ใช่ตาราง

FillDirectionMaxCells

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

การกรอกทิศทางเซลล์สูงสุดจะกำหนดจํานวนเซลล์ในกริดที่สามารถใช้ก่อนดําเนินการต่อในแถว/คอลัมน์ถัดไป (ว่าเป็นแถวหรือคอลัมน์นั้นขึ้นอยู่กับ UIGridStyleLayout.FillDirection )ค่านี้ต้องไม่เป็นลบ

  • หากตั้งค่าเป็นศูนย์ จะไม่มีจํานวนเซลล์สูงสุดที่อาจปรากฏในแถว/คอลัมน์เดียวยกเว้นจํานวนที่สามารถจัดให้พอดีภายในองค์ประกอบ UI ราก
  • หากตั้งค่าเป็นหนึ่ง จะสร้างรายการที่คล้ายกับที่สร้างโดย UIListLayout

StartCorner

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

มุมเริ่มต้น ( Enum.StartCorner ) กำหนดจากมุมใดที่กริดเริ่มวางองค์ประกอบ UIตารางยังคงดำเนินการใน UIGridStyleLayout.FillDirection , เติมองค์ประกอบหนึ่งโดยหนึ่งจนกว่า UIGridLayout.FIllDirectionMaxCells เซลล์จะถูกวางในแถว/คอลัมน์นั้นหรือถ้าพื้นที่ขององค์ประกอบ UI ทั้งหมดถูกใช้โดยเซลล์ก่อนหน้านี้

ด้านบนนี้เป็นยาเป็นครั้งแรก ImageLabel ตามด้วยอัญมณีและดาบUIGridLayout กำลังใช้ Enum.StartCorner ของ BottomRightThe UIGridStyleLayout.FillDirection เป็นแนวนอน

วิธีการ

อีเวนต์