Button¶
목적¶
마우스로 클릭하여 이벤트를 작동시키기 위한 Button 사용 방법 안내
주요 단계¶
1. Button 생성¶
1.1 원하는 위치에 Button 생성¶
<사진 1> "Button" UI 생성 화면
2. Properties 설정¶
2.1 Button 생성 후 Properties 설정¶
- Button 생성 후 Properties 영역에서 원하는 기능 설정 가능
<사진 2> "BUTTON" UI Properties 화면
2.2 주요 Property 옵션¶
| Name | Description |
|---|---|
| text | Button에 표시될 텍스트 입력 |
| type | Button 모양(스타일) 변경 |
| width | Button 가로폭 조정 (단위: px, em, %) |
| enabled | true : Click 가능false : Click 불가능 |
| icon | Button에 이미지 삽입 |
| visible | true : Button 표시false : Button 숨김 |
3. Event 설정¶
3.1 Button 클릭 이벤트 설정¶
- Button 클릭 시 특정 동작 수행을 위해
Events 영역의press항목에 Method 적용
<사진 3> Button 동작 수행에 대한 Events 설정 화면
4. Methods 적용¶
4.1 Event Method 구성 및 실행¶
- Methods에 Event 로직을 구성
- Web에서 Button 클릭 시 Message 표시 등 동작 수행
<사진 4> 버튼 동작 이벤트 Method 설정 및 수행 결과 화면