ตัวปรับขนาดและข้อจำกัด

นอกเหนือจากการปรับขนาดพื้นฐานของวัตถุ UI คุณสามารถใช้ตัวปรับขนาดเพื่อ ขยายขนาด วัตถุในอัตราส่วนหรือ ปรับขนาดอัตโนมัติ ได้คุณยังสามารถใส่ข้อจำกัดขนาด เพื่อควบคุม อัตราส่วนภาพ หรือตั้งค่าขนาดขั้นต่ำและสูงสุด **** หรือขนาดข้อความ **** สูงสุด

ขนาด

วัตถุ UIScale เก็บค่าตัวเลขที่คูณค่า AbsoluteSize ของพ่อแม่ GuiObject ไว้ตัวอย่างเช่น หากคุณต้องการให้วัตถุมีขนาดใหญ่เป็นสองเท่าของขนาดปัจจุบัน คุณสามารถใส่วัตถุ UIScale ด้วยคุณสมบัติ Scale ของ 2 ได้

ตัวปรับเปลี่ยนนี้มีประโยชน์สำหรับการ "ซูมเข้า" ในขณะออกแบบอินเทอร์เฟซผู้ใช้รายละเอียดใน Studio เนื่องจากมันปรับขนาดวัตถุและลูกหลานทั้งหมดของมันในอัตราส่วนที่เท่ากัน รวมถึงตัวปรับแต่งรูปลักษณ์ใดๆ ที่ใช้ เช่น หรือ UIStroke หรือ UICornerยังเป็นประโยชน์ที่จะ เปลี่ยนขนาดของวัตถุ เช่นเพิ่มขนาดของปุ่มเล็กน้อยเมื่อผู้เล่นเลื่อนเมาส์ของพวกเขาเหนือมัน

การปรับขนาดอัตโนมัติ

คุณสมบัติ AutomaticSize จะปรับขนาดของพ่อ GuiObject ให้เป็นขนาดของลูกหลานได้อัตโนมัติคุณสามารถใช้คุณสมบัตินี้ในหลากหลายกรณี รวมถึง:

• ขยาย GuiObject เพื่อให้พอดีกับข้อความที่ได้รับการ ท้องถิ่น화 ในหลายภาษา
• อนุญาตให้ผู้ใช้ ป้อนข้อความ ภายใน TextBox โดยปรับขนาดของมันตามจำนวนข้อความที่ป้อน
• ปรับขนาดของวัตถุข้อความโดยอัตโนมัติโดยใช้ เครื่องหมายข้อความที่รวย รวมถึงประเภทและขนาดของฟอนต์

คุณสามารถเปิดใช้งานคุณสมบัติ AutomaticSize สำหรับใดๆ GuiObject ได้โดยค่าเริ่มต้นจะถูกตั้งเป็น None แต่คุณสามารถเปลี่ยนค่าเพื่อมีการควบคุมเฉพาะทิศทางที่ GuiObject จะปรับขนาดให้พอดีกับเนื้อหา

เพื่อเปิดใช้งานการขยายขนาดอัตโนมัติ:

1. ในหน้าต่าง สํารวจ คลิกใดก็ได้ GuiObject เช่น Frame , TextBox หรือ ImageLabel

2. ในหน้าต่าง คุณสมบัติ ค้นหาไปที่คุณสมบัติ AutomaticSize ( AutomaticCanvasSize สำหรับ ScrollingFrame ) และตั้งค่าเป็นหนึ่งในตัวเลือกต่อไปนี้:

   • X — ปรับขนาดเนื้อหาในแนวนอน
   • Y — ปรับขนาดเนื้อหาแนวตั้ง
   • XY — ปรับขนาดเนื้อหาทั้งแนวนอนและแนวตั้ง

   

ตั้งค่าโปรดทราบว่าคุณสมบัติอื่นๆ ของวัตถุจะทำงานดังนี้:

คล้ายกับแนวคิดของ การปรับขนาด วัตถุ, AutomaticSize ใช้คุณสมบัติ AnchorPoint เมื่อปรับขนาดเนื้อหาตัวอย่างเช่นวิดีโอต่อไปนี้แสดงสาม TextLabels ที่ขยายได้อัตโนมัติจากจุดยึด

• ฉลากด้านบนมีค่า AnchorPoint ของ (0, 0.5) ซึ่งยึดติดกับกลางด้านซ้าย
• ฉลากกลางมีค่า AnchorPoint ของ (0.5, 0.5) ซึ่งยึดไว้ที่ศูนย์
• ฉลากด้านล่างมีค่า AnchorPoint ของ (1, 0.5) ซึ่งยึดไว้ที่กลางด้านขวา

ข้อจํากัด

มีสามประเภทของ ข้อจำกัด ที่คุณสามารถใช้สำหรับวัตถุอินเทอร์เฟซผู้ใช้: ขนาด , ขนาดข้อความ และ อัตราส่วนภาพเพื่อใช้ข้อจำกัดคุณต้องตั้งค่าเป็นลูก ของ ของ GuiObject ที่คุณต้องการจำกัด

ขนาด

ข้อกำหนด UISizeConstraint กำหนดขนาดขั้นต่ำและสูงสุดสำหรับ GuiObjectข้อจำกัดนี้ช่วยให้แน่ใจว่า GuiObject ไม่กลายเป็นเล็กหรือใหญ่เกินไปบนหน้าจอขนาดต่างๆ

ตัวอย่างเช่น หากคุณตั้งค่าคุณสมบัติ เป็น และค่า เป็น ค่า จะไม่สามารถขยายเล็กกว่า 200×200 พิกเซลหรือใหญ่กว่า 400×400 พิกเซล

ขนาดข้อความ

ข้อกำหนด UITextSizeConstraint กำหนดขนาดอักษรขั้นต่ำและสูงสุดสำหรับ GuiObject ที่มีข้อความ เช่น TextLabel , TextButton หรือ TextBoxข้อจำกัดนี้ช่วยให้แน่ใจว่าข้อความ ภายใน ไม่กลายเป็นข้อความที่อ่านไม่ออกหรือใหญ่เกินไป

หากคุณเปิดใช้งานคุณสมบัติ TextScaled ของพ่อ GuiObject ขนาดข้อความจะเพิ่มขึ้นตามขนาดของคอนเทนเนอร์และเคารพข้อจำกัดแม้ว่าวัตถุจะเล็กลงหรือใหญ่ขึ้นกว่าค่า MinTextSize และ MaxTextSize

ตัวอย่างเช่น วัตถุต่อไปนี้ TextLabel มีค่า UITextSizeConstraint ด้วยค่า MinTextSize ของ 50 และค่า MaxTextSize ของ 80แม้เมื่อ TextLabel มีขนาดเล็กลง แต่ฟอนต์ไม่เคยเล็กกว่า 50 พิกเซล และเมื่อวัตถุมีขนาดใหญ่ขึ้น ฟอนต์ต่อไปจะเกิน 80 พิกเซล

อัตราส่วนมุมมอง

The UIAspectRatioConstraint บังคับอัตราส่วนความกว้างต่อความสูง **** บน GuiObject โดยไม่คำนึงถึงขนาดหลักของมันแม้ว่าขนาดนั้นจะถูกตั้งเป็นเปอร์เซ็นต์ของพ่อแม่ก็ตามตัวอย่างเช่น การสอดข้อจํากัดนี้เป็นลูกของ และกำหนดค่าความจํากัดของความจํากัดเป็น ( ) ให้ความกว้างของกรอบเป็นสองเท่าของความสูงของมันเช่นเดียวกันการตั้งค่าคุณสมบัติของข้อจํากัดนี้ AspectRatio ให้เป็น 0.5 ( 0.5:1 ) จะรักษาความกว้างของกรอบไว้ครึ่งหนึ่งของความสูง

การตั้งค่าข้อจํากัดนี้ AspectRatio ให้เป็นค่าเริ่มต้นของ 1 ( 1:1 ) เป็นวิธีที่สะดวกในการป้องกันการขยาย/ยืดที่ไม่สัดส่วนของ ImageLabel ด้วยสินทรัพย์ภาพสี่เหลี่ยม เช่น รูปภาพขนาดย่อของอวาตาร์