스타일 테마 작업
스타일 테마는 위젯 및 매쉬업에 있는 기타 구성 요소의 모양을 지정하는 스타일 속성 모음입니다. 기본적으로 PTC 컨버전스 테마는 Composer에서 생성하는 모든 새 매쉬업에 적용됩니다. 테마는 PTC 설계 시스템 원칙을 사용하여 생성됩니다. 고유한 스타일 테마를 생성하고 사용하여 일관된 모양과 느낌의 매쉬업과 응용 프로그램을 생성할 수 있습니다. 스타일 테마에는 매쉬업의 위젯 색상, 글꼴 및 선 스타일을 제어하는 전역 스타일이 포함되어 있습니다. 또한 Composer에서 스타일 테마 엔티티에 대한 스타일 탭에서 편집기를 사용하여 링크, 버튼, 메뉴와 같은 요소에 대한 구체적인 스타일을 수정할 수 있습니다.
다음과 같은 방법으로 매쉬업에 스타일을 적용할 수 있습니다.
• 스타일 테마 및 스타일 속성 - 매쉬업 내 테마가 적용된 위젯의 스타일입니다.
• 스타일 정의 - 테마가 적용되지 않은 위젯 및 레거시 위젯의 스타일입니다.
 |
스타일 정의는 위젯에 상태 정의 엔티티가 적용될 때 테마가 적용된 위젯에 스타일을 지정하는 데 사용됩니다.
|
• 사용자 정의 CSS - 표준 CSS 구문입니다.
스타일 정의와 비교하여 테마를 사용하면 다음을 수행할 수 있습니다.
• 응용 프로그램과 연관된 여러 매쉬업에 테마를 적용하여 설계를 빠르게 조정합니다.
• 상태 정의를 매쉬업의 개별 위젯에 적용하지 않고 공통 스타일을 재사용합니다.
• 스타일 테마 엔티티의 스타일 탭에 있는 미리 보기 매쉬업을 사용하여 스타일을 미리 봅니다.
• 스타일 테마를 내보내거나 공유하여 다른 사용자와 응용 프로그램 설계에 대해 공동으로 작업합니다.
스타일 테마 및 스타일 속성 사용
스타일 테마는 매쉬업 수준에 적용되고 스타일 속성은 위젯 수준에 적용됩니다. 매쉬업 스타일 테마를 재정의하려면 Mashup Builder에서 스타일 속성 패널을 사용하여 특정 위젯의 스타일 속성을 편집합니다. 스타일 속성을 사용하면 활성, 누름 및 가리키기와 같은 다양한 상태에서의 위젯 모양을 구성할 수 있습니다. 스타일 테마를 사용하여 응용 프로그램의 일반적인 모양을 정의한 다음 스타일 속성을 사용하여 필요에 따라 개별 위젯에 대해 고급 스타일 구성을 수행할 수 있습니다.
사용자 정의 테마 생성
새 스타일 테마를 생성할 때 PTC 컨버전스 테마와 같은 기존 스타일 테마를 복제하여 시작하는 것이 좋습니다. 그런 다음 스타일 테마 편집기를 사용하여 설계 요구 사항에 맞게 테마 내의 전역 스타일 및 요소 스타일을 사용자 정의할 수 있습니다.
레거시 스타일 테마 사용
기본 컨버전스 테마는 레거시 위젯에 적용된 스타일 정의와 비교하여 더 현대적이고 액세스하기 쉬운 설계를 적용합니다. 레거시 위젯의 모양을 그대로 유지하려면 매쉬업에 Legacy Styles Theme Composer 엔티티를 적용합니다. 레거시 위젯 또는 레이아웃이 포함된 매쉬업을 마이그레이션할 때 매쉬업 마이그레이션 대화 상자를 사용하여 이 작업을 수행할 수도 있습니다.
사용자 정의 CSS 사용
웹 구성 요소 위젯은 스타일 테마 및 위젯 스타일 속성을 사용하여 스타일 사용자 정의를 지원합니다. PTC는 사용자 정의 CSS를 사용한 웹 구성 요소 스타일 재정의를 권장하지 않으며 지원하지 않습니다. 구성 요소 DOM 구조 및 CSS 클래스는 새 버전의 ThingWorx Foundation이 릴리즈될 때 변경될 수 있는 내부 구현 세부 정보로 간주됩니다.