CREATE YOUR WORLD
Scripting
UI Event
4min
zepetoscript는 unity ui 시스템에 대한 통합 지원을 제공합니다 패널, 버튼, 텍스트 입력 상자 및 토글 메뉴와 같은 다양한 gui 구성 요소를 사용하여 월드에서 사용자 인터페이스를 만들 수 있습니다 zepetoscript에서 unity ui 요소를 사용하려면 먼저 가져와야 합니다 unityengine ui import { slider, button } from 'unityengine ui'; 그런 다음 추가하고 싶은 unity ui 요소를 속성으로 선언합니다 typescript public sliderui slider; public btnui button; 선언된 속성은 이제 zepetoscript 검사기 창에서 볼 수 있고 접근할 수 있습니다 계층 창을 열고 unity ui 구성 요소를 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`); }); } } zepetoscript가 제공하는 unity ui에 대해 더 알고 싶다면 아래 링크를 클릭하세요 📘 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