위젯 작업 > 2D > 버튼
  
버튼
이 위젯의 기능은 무엇인가요?
버튼은 탭할 때 발생하는 작업을 실시간으로 알립니다.
이 위젯은 언제 사용해야 하나요?
버튼을 사용하면 경험 사용자는 경험 전체를 상호 작용하고 탐색할 수 있습니다. 버튼을 탭하면 사용자에게 발생할 작업이 정확하게 전달되도록 하려는 경우 버튼 위젯을 사용합니다. CSS 또는 기본 제공되는 테마를 사용하여 버튼의 스타일을 지정할 수 있습니다. 테마에 대한 자세한 내용은 테마 항목을 참조하십시오.
특별한 속성, 서비스, 이벤트 또는 작업이 있나요?
이 위젯에는 고유한 속성, 서비스 또는 이벤트가 없습니다.
공통적인 위젯 속성, 서비스 및 이벤트 목록을 보려면 공통적인 위젯 속성, 서비스 및 이벤트 항목을 참조하십시오.
위젯 작동
본 예는 위젯의 작동 장면입니다.
사용에 필요한 최소 단계
작동 장면
1. 버튼 위젯을 캔버스로 끌어서 놓습니다.
2. 텍스트 필드에 버튼의 이름을 입력합니다. 예: Play
3. 버튼의 클릭 이벤트를 다른 위젯에 바인딩하고 생성하려는 바인딩 유형을 선택합니다. 예를 들어 클릭 이벤트를 모델에 바인딩하고 바인딩 대상 선택 창의 모두 재생을 선택하면, 경험에서 단주를 탭했을 때 모델과 연관된 시퀀스의 모든 단계가 재생됩니다.
* 
본 예에서는 기본 제공 테마인 button-balanced를 사용하여 버튼을 녹색으로 설정했습니다.
CSS를 사용하여 위젯 스타일 적용
CSS를 사용하여 위젯에 스타일을 적용할 수 있습니다! 다음은 사용자가 작성하여 적용할 수 있는 CSS 클래스의 예제입니다.
* 
다른 클래스 또는 기본 제공(OOTB) 속성과 충돌하지 않도록 클래스에 고유한 이름을 지정하는 것이 좋습니다.
CSS 예제
작동 장면
.ptc-button {
border-width: 1px;
border-style: outset;
border-color: rgb(46, 50, 49);
border-radius: 25px;
background: rgb(47, 48, 53);
font-size: 16px;
font-family: Century Gothic;
color: white;
}
CSS 클래스 구현에 관한 자세한 정보는 응용 프로그램 스타일 항목을 참조하십시오.