การเชื่อมต่อกับส่วนประกอบ

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

วัตถุ SurfaceGui ช่วยให้คุณแสดงเนื้อหา GUI บนพื้นในโลก 3D ได้ พวกเขามักจะใช้เพื่อแสดงลีดเดอร์บอร์ดหรือเขตสัญลักษณ์ในพื้นที่ 3D นี้ วิดีโอนี้แสดงให้คุณเห็นวิธีการสร้า

การสร้าง GUI พื้น

  1. สร้างชิ้นส่วนที่มีชื่อว่า InfoBoard

  2. เปลี่ยนขนาด ของชิ้นส่วน ให้เป็น 15, 18, 1

  3. ใส่ SurfaceGui ในส่วนและเปลี่ยนชื่อมันเป็น InfoSurfaceGui

  4. ใส่ Frame ใน GUI และเรียกมันว่า BackgroundFrame นี่คือพื้นหลังที่ข้อมูลจะปรากฏขึ้น

ปรับแต่ง GUI

หน้า

สมบัติ Face ประกอบด้วยสีหน้าของชิ้นส่วนที่จะใช้ในการแสดงผล SurfaceGui สมบัติ BackgroundFrame จะปรากฏบนพื้นด้านล่างเมื่อเลือกหน้าที่เหมาะสม

  • ตั้งค่าสมบัติของ หน้าเรา ของ InfoSurfaceGui เป็น หน้า

ขนาด

เพื่อให้ใบหน้าเต็มหน้า คุณจะต้องปรับ ขนาด ของมัน

  • ตั้งค่า ขนาด สมบัติของ BackgroundFrame ให้เป็น 1, 0, 1, 0 เพื่อให้ครอบคลุมใบหน้าทั้งหมด

สไตล์

มักเป็นเรื่องดีที่จะเพิ่มข้อจํากัด UIPadding เพื่อสร้างช่องว่างระหว่างขอบของวัตถุ GUI และเนื้อหาของมัน

  1. ใส่ UIPadding ข้อจํากัดใน InfoSurfaceGui

  2. ตั้งค่าสมบัติ PaddingBottom , PaddingLeft , PaddingRight และ 1> PaddingTop1> โปรพิเศษที่จะสร้างเขตชายแดนรอบ กรอบ

  3. ตั้งค่าสมบัติของ พื้นหลังเรนเดอร์ได้透明 ของ เฟรมพื้นหลัง เป็น 1

การเพิ่มเนื้อหา

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

วัตถุคำอธิบาย
1A TextLabel เพื่อแสดงชื่อรายการด้วย ImageLabel ที่อยู่ภายใต้การแสดงผลไม้ไผ่
2 เครื่องเครื่องหมายชื่อรูปภาพที่แสดงรูปภาพของไอเท็มด้วยสีพื้นหลังสีเทา ฮันด์ลิ่งเกียร์ UICorner ใช้เพื่อให้มุมมองรอบ ๆ แต่ละมุม
3เค้าโครงที่ประกอบด้วยสาม TextLabel ที่วางด้วยข้อจํากัด UIListLayout เพื่อจัดเรียงพวกเขาในลำดับแนวตั้งเหมือนกับ การสร้างสระคะแนน

คุณสมบัติ SurfaceGui

ตอนนี้คุณมี SurfaceGui ที่สร้างเสร็จแล้ว ลองเปลี่ยนแป้นต่อไปนี้เพื่อดูผลของพวกเขา

ผลกระทบแสง

เนื่องจาก GUI พื้นผิวมีอยู่ในโลก 3D พวกเขาสามารถได้รับผลกระทบจากแสงเช่นสิ่งอื่น ๆ ได้ สมบัติ Class.SurfaceGui

ออเดอร์นี

ส่วนที่มี SurfaceGui ปรากฏขึ้นจะถูกกำหนดโดย ค่า Adornee หากว่างเปล่าจะปรากฏขึ้นในส่วนพ่อ ความสามารถในการตั้ง Adornee

  1. ลาก SurfaceGui ไปยัง StarterGui

  2. ตกแต่งมันให้กับส่วนโดยการคลิกที่กล่องป้อน Adorn แล้วที่ส่วนของบอร์ด