เหตุการณ์ UI
ZEPETOScript มีการสนับสนุนที่รวมเข้ากับระบบ UI ของ Unity.
คุณสามารถใช้ส่วนประกอบ GUI ที่แตกต่างกัน เช่น แผง, ปุ่ม, กล่องป้อนข้อความ, และเมนูสลับ เพื่อสร้างส่วนติดต่อผู้ใช้ในโลกของคุณ.
ในการใช้ส่วนประกอบ UI ของ Unity ใน ZEPETOScript คุณต้องนำเข้าก่อน.
import { Slider, Button } from 'UnityEngine.UI';จากนั้น ประกาศส่วนประกอบ UI ของ Unity ที่คุณต้องการเพิ่มเป็นคุณสมบัติ.
public sliderUI: Slider;
public btnUI: Button;คุณสมบัติที่ประกาศไว้ตอนนี้สามารถมองเห็นและเข้าถึงได้ในหน้าต่างตรวจสอบของ ZEPETOScript.

เปิดหน้าต่าง Hierarchy และลากและวางส่วนประกอบ UI ของ Unity ลงในแต่ละฟิลด์คุณสมบัติในหน้าต่างตรวจสอบของ ZEPETOScript เมื่อกำหนดค่าให้กับคุณสมบัติแล้ว คุณสามารถเข้าถึงและจัดการกับพวกมันจากภายในสคริปต์ ใช้สิ่งนี้เพื่อเพิ่มตัวจัดการสำหรับเหตุการณ์ใด ๆ ของการควบคุม.
Start() {
this.btnUI.onClick.AddListener(() => {
// เพิ่มเหตุการณ์คลิกปุ่ม
console.log('btnUI onClick');
});
this.sliderUI.onValueChanged.AddListener(v => {
// เพิ่มเหตุการณ์สไลเดอร์
console.log(`[${v}] sliderUI onValueChanged`);
});
}
เล่นเพื่อตรวจสอบว่าเหตุการณ์ UI ถูกจัดการอย่างถูกต้อง

ตรวจสอบโค้ดตัวอย่างทั้งหมด
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { Slider, Button } from 'UnityEngine.UI';
export default class UIEvent extends ZepetoScriptBehaviour {
public sliderUI: Slider;
public btnUI: Button;
Start() {
this.btnUI.onClick.AddListener(() => {
// เพิ่มเหตุการณ์คลิกปุ่ม
console.log('btnUI onClick');
});
this.sliderUI.onValueChanged.AddListener(v => {
// เพิ่มเหตุการณ์เลื่อน
console.log(`[${v}] sliderUI onValueChanged`);
});
}
}
คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ UI ของ Unity ที่ ZEPETOScript ให้บริการได้โดยการคลิกที่ลิงก์ด้านล่าง
📘 ส่วนประกอบการโต้ตอบ https://docs.unity3d.com/kr/current/Manual/comp-UIInteraction.html