การออกแบบ UI 9-Slice

เมื่อสร้าง UI ด้วยขอบและมุมที่กำหนดเองคุณจะต้องเรนเดอร์องค์ประกอบในอัตราส่วนที่แตกต่างกันและมุมมองภาพรวมที่เห็นได้ นี่ช่วยให้คุณสร้างองค์ประกอบของ UI ขนาดต่างๆ โดยไม่ต้อง

ภายใต้ 9-Slice ประชาการ, ภาพหนึ่ง (แห่งเดียวของภาพ Roblox) ถูกแบ่งออกเป็นภาพย่อเจ็ดภาพ (แต่ละภาพมีกฎการเคลื่อนขนาดที่แตกต่างกัน)

Studio เอดิตอร์

การตั้งค่าสไลส์สามารถทำได้โดยการตั้งค่า Enum.ScaleType และคุณสมบัติของสไลส์บนฉลากหรือปุ่ม 但 Studio 的 9-Slice Editor เป็นมิติมากขึ้น

การเปิดหน้าจอ

เพื่อเปิด ตัวแก้ไข 9-Slice Editor ใน Studio:

1. เลือก ImageLabel หรือ ImageButton ด้วย ID สินทรัพย์ที่ถูกต้องที่กรอกในฟิลด์ รูปภาพ ของมัน

1. ตั้งค่าสมบัติ ScaleType ให้เป็น Slice

1. คลิกที่สมบัติสลักษณ์ที่ปรากฏขึ้นแล้วคลิกที่ … ในแถว

1. ในหน้าต่างที่เปิดขึ้น 4 เส้นสีแดงปรากฏขึ้นรูปภาพ ซึ่งแสดงถึงขอบของสไลส์ ขนาดรูปภาพที่แหล่งจะได้รับการแสดงผลด้วย

การตั้งค่า Offsets

ใน Studio ลากเส้นสีแดงเพื่อตั้งค่า ออฟเซ็ต จากด้านซ้าย ด้านขวา ด้านบน และด้านล่างของรูป

เมื่อคุณเลื่อนเส้นสไลเดอร์ใหม่ UI ผลการค้นหา