Acara UI

4min
ZEPETOScript telah mengintegrasikan dukungan untuk sistem UI Unity.
Anda dapat menggunakan berbagai komponen GUI seperti panel, tombol, kotak input teks, dan menu toggle untuk membuat antarmuka pengguna di dunia Anda.
Untuk menggunakan elemen UI Unity dalam ZEPETOScript, Anda perlu mengimpornya terlebih dahulu.
UnityEngine.UI
import { Slider, Button } from 'UnityEngine.UI';
import { Slider, Button } from 'UnityEngine.UI';
﻿
Kemudian, deklarasikan elemen UI Unity yang ingin Anda tambahkan sebagai properti.
TypeScript
public sliderUI: Slider;
public btnUI: Button;
public sliderUI: Slider;
public btnUI: Button;
﻿
Properti yang dideklarasikan sekarang terlihat dan dapat diakses di jendela inspector ZEPETOScript.
﻿
Buka jendela Hierarchy dan seret serta jatuhkan komponen UI Unity ke setiap bidang properti di jendela inspector ZEPETOScript. Dengan nilai properti yang ditetapkan, Anda dapat mengakses dan memanipulasinya dari dalam skrip. Gunakan ini untuk menambahkan handler untuk salah satu peristiwa kontrol.
EventListener
Start() {
    this.btnUI.onClick.AddListener(() => {
        // Tambahkan peristiwa klik tombol
        console.log('btnUI onClick');
    });

    this.sliderUI.onValueChanged.AddListener(v => {
        // Tambahkan peristiwa slider
        console.log(`[${v}] sliderUI onValueChanged`);
    });
}
Start() {
    this.btnUI.onClick.AddListener(() => {
        // Tambahkan peristiwa klik tombol
        console.log('btnUI onClick');
    });

    this.sliderUI.onValueChanged.AddListener(v => {
        // Tambahkan peristiwa slider
        console.log(`[${v}] sliderUI onValueChanged`);
    });
}
﻿
﻿
Mainkan untuk memeriksa bahwa peristiwa UI ditangani dengan benar.
﻿
Periksa seluruh kode contoh.
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(() => {
            // Tambahkan peristiwa klik tombol
            console.log('btnUI onClick');
        });
        
        this.sliderUI.onValueChanged.AddListener(v => {
            // Tambahkan peristiwa slider
            console.log(`[${v}] sliderUI onValueChanged`);
        });
    }
}
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(() => {
            // Tambahkan peristiwa klik tombol
            console.log('btnUI onClick');
        });
        
        this.sliderUI.onValueChanged.AddListener(v => {
            // Tambahkan peristiwa slider
            console.log(`[${v}] sliderUI onValueChanged`);
        });
    }
}
﻿
﻿
Anda dapat mempelajari lebih lanjut tentang UI Unity yang disediakan oleh ZEPETOScript dengan mengklik tautan di bawah ini.
📘 UI Unity
https://docs.unity3d.com/kr/current/Manual/com.unity.ugui.html﻿
📘 Komponen Interaksi
https://docs.unity3d.com/kr/current/Manual/comp-UIInteraction.html﻿
﻿
Diperbarui 11 Oct 2024
Apakah halaman ini membantu Anda?