사용자 정의된 ThingWorx 위젯 만들기
이 단원에서는 사용자 정의된 위젯을 만드는 방법에 대한 정보를 제공합니다. ThingWorx Mashup Builder 및 런타임이 위젯과 상호 작용하는 방법을 설명합니다. 위젯에 사용 가능한 함수 및 API에 대한 세부 정보를 제공합니다.
/ui 폴더에는 사용자 정의 위젯을 정의하는 데 필요한 파일이 포함되어 있습니다. 모든 위젯은 /ui 폴더의 해당 하위 폴더에 배치되어야 합니다. 위젯을 정의하려면 다음 파일이 필요합니다.
• <widgetname>.ide.css
Mashup Builder에서 위젯의 모양과 느낌을 정의하는 스타일시트 파일입니다.
• <widgetname>.ide.js
Mashup Builder에서 위젯 및 해당 동작을 정의하는 JavaScript 파일입니다.
• <widgetname>.ide.png
Mashup Builder의 위젯 탭에서 위젯에 사용되는 아이콘입니다. 아이콘 크기는 16x16 픽셀이어야 합니다.
• <widgetname>.runtime.css
매쉬업에서 볼 때 위젯의 모양과 느낌을 정의하는 스타일시트 파일입니다.
• <widgetname>.runtime.js
매쉬업에서 볼 때 위젯 및 해당 동작을 정의하는 JavaScript 파일입니다.
 |
Eclipse Plugin을 사용 중인 경우 New Widget 작업은 소스 파일을 생성하고 metadata.xml 파일을 자동으로 업데이트합니다.
|