เหตุการณ์ UI

zepetoscript มีการสนับสนุนที่รวมเข้ากับระบบ ui ของ unity คุณสามารถใช้ส่วนประกอบ gui ที่แตกต่างกัน เช่น แผง, ปุ่ม, กล่องป้อนข้อความ, และเมนูสลับ เพื่อสร้างส่วนติดต่อผู้ใช้ในโลกของคุณ ในการใช้ส่วนประกอบ ui ของ unity ใน zepetoscript คุณต้องนำเข้าก่อน unityengine ui import { slider, button } from 'unityengine ui'; จากนั้น ประกาศส่วนประกอบ ui ของ unity ที่คุณต้องการเพิ่มเป็นคุณสมบัติ typescript public sliderui slider; public btnui button; คุณสมบัติที่ประกาศไว้ตอนนี้สามารถมองเห็นและเข้าถึงได้ในหน้าต่างตรวจสอบของ zepetoscript เปิดหน้าต่าง hierarchy และลากและวางส่วนประกอบ ui ของ unity ลงในแต่ละฟิลด์คุณสมบัติในหน้าต่างตรวจสอบของ zepetoscript เมื่อกำหนดค่าให้กับคุณสมบัติแล้ว คุณสามารถเข้าถึงและจัดการกับพวกมันจากภายในสคริปต์ ใช้สิ่งนี้เพื่อเพิ่มตัวจัดการสำหรับเหตุการณ์ใด ๆ ของการควบคุม eventlistener start() { this btnui onclick addlistener(() => { // เพิ่มเหตุการณ์คลิกปุ่ม console log('btnui onclick'); }); this sliderui onvaluechanged addlistener(v => { // เพิ่มเหตุการณ์สไลเดอร์ console log(`\[${v}] sliderui onvaluechanged`); }); } เล่นเพื่อตรวจสอบว่าเหตุการณ์ ui ถูกจัดการอย่างถูกต้อง ตรวจสอบโค้ดตัวอย่างทั้งหมด ui event 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 ให้บริการได้โดยการคลิกที่ลิงก์ด้านล่าง 📘 unity ui https //docs unity3d com/kr/current/manual/com unity ugui html https //docs unity3d com/kr/current/manual/com unity ugui html 📘 ส่วนประกอบการโต้ตอบ https //docs unity3d com/kr/current/manual/comp uiinteraction html https //docs unity3d com/kr/current/manual/comp uiinteraction html