ThingWorx Studio 탐색 > 위젯 > 2D > 단추
  
단추
이 위젯의 기능은 무엇인가요?
단추는 탭할 때 발생하는 작업을 실시간으로 알립니다.
이 위젯은 언제 사용해야 하나요?
단추를 사용하면 경험 사용자는 경험 전체를 상호 작용하고 탐색할 수 있습니다. 단추를 탭하면 사용자에게 발생할 작업이 정확하게 전달되도록 하려는 경우 단추 위젯을 사용합니다. CSS 또는 기본 제공되는 테마를 사용하여 단추의 스타일을 지정할 수 있습니다. 테마에 대한 자세한 내용은 테마 항목을 참조하십시오.
특별한 속성, 서비스, 이벤트 또는 작업이 있나요?
공통적인 위젯 속성, 서비스 및 이벤트 목록을 보려면 공통적인 위젯 속성, 서비스 및 이벤트 항목을 참조하십시오.
다음 테이블은 이 위젯에 한정된 속성, 서비스 및 이벤트 목록을 제시합니다.
속성
설명
여백
단추 주변에 여백 공간을 생성합니다. 현재로서는 특정 측면에 대한 값을 입력할 수 없으므로 반드시 숫자 뒤에 지원 가능한 다음 형식 중 하나를 직접 입력해야 합니다(예: 10px).
px
%
in
mm
cm
ex
em
pt
pc
위젯 작동
본 예는 위젯의 작동 장면입니다.
사용에 필요한 최소 단계
예제에 적용된 옵션 CSS
작동 장면
1. 단추 위젯을 캔버스로 드래그 앤 드롭합니다.
2. 텍스트 필드에 단추의 이름을 입력합니다. 예: Play
3. 단추의 클릭 이벤트를 다른 위젯에 바인딩하고 생성하려는 바인딩 유형을 선택합니다. 예를 들어 클릭 이벤트를 모델에 바인딩하고 바인딩 대상 선택 창의 모두 재생을 선택하면, 경험에서 단주를 탭했을 때 모델과 연관된 시퀀스의 모든 단계가 재생됩니다.
클래스 필드에는 단추를 녹색으로 만드는 기본 제공되는 button-balanced를 입력했습니다.
2D