Événement UI

4 min

ZEPETOScript a intégré le support pour le système UI de Unity.

Vous pouvez utiliser différents composants GUI tels que des panneaux, des boutons, des zones de saisie de texte et des menus déroulants pour créer l'interface utilisateur dans votre monde.

Pour utiliser des éléments UI de Unity dans ZEPETOScript, vous devez d'abord les importer.

import { Slider, Button } from 'UnityEngine.UI';

Ensuite, déclarez l'élément UI de Unity que vous souhaitez ajouter en tant que propriété.

public sliderUI: Slider;
public btnUI: Button;

Les propriétés déclarées sont maintenant visibles et accessibles dans la fenêtre de l'inspecteur ZEPETOScript.

Ouvrez la fenêtre Hiérarchie et faites glisser les composants UI de Unity dans chaque champ de propriété dans la fenêtre de l'inspecteur ZEPETOScript. Avec les valeurs de propriété assignées, vous pouvez y accéder et les manipuler depuis le script. Utilisez cela pour ajouter un gestionnaire pour n'importe quel événement de contrôle.

Start() {
    this.btnUI.onClick.AddListener(() => {
        // Ajouter un événement de clic de bouton
        console.log('btnUI onClick');
    });

    this.sliderUI.onValueChanged.AddListener(v => {
        // Ajouter un événement de curseur
        console.log(`[${v}] sliderUI onValueChanged`);
    });
}

Jouez pour vérifier que l'événement de l'interface utilisateur est géré correctement.

Vérifiez l'ensemble du code d'exemple.

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(() => {
            // Ajouter l'événement de clic du bouton
            console.log('btnUI onClick');
        });
        
        this.sliderUI.onValueChanged.AddListener(v => {
            // Ajouter l'événement du curseur
            console.log(`[${v}] sliderUI onValueChanged`);
        });
    }
}

Vous pouvez en savoir plus sur les interfaces utilisateur Unity que ZEPETOScript fournit en cliquant sur les liens ci-dessous.

📘 Interface utilisateur Unity https://docs.unity3d.com/kr/current/Manual/com.unity.ugui.html

📘 Composants d'interaction https://docs.unity3d.com/kr/current/Manual/comp-UIInteraction.html