스타일 및 상태 정의
스타일 정의
스타일 정의 엔티티를 사용하여 매쉬업 환경에서 모든 색상, 텍스트 및 선 형식을 관리하고 렌더링합니다. 스타일 정의는 CSS(Cascading Style Sheet) 정의를 HTML 태그에 적용하는 것과 마찬가지로 위젯에 적용할 수 있는 HTML 스타일 요소의 모음입니다.
스타일 정의 정의 및 사용
스타일을 생성할 때 다음 속성을 정의할 수 있습니다.
• 표시 문자열 - 현재 적용된 스타일 정의를 나타내기 위해 표시되는 설명 문자열입니다.
• 배경색 - 차트, 버튼, 패널 등의 배경입니다.
• 보조 배경색 - 그래디언트를 지원하는 위젯에 사용됩니다.
• 글꼴 굵게(true/false)
• 글꼴 기울임(true/false)
• 글꼴 밑줄(true/false)
• 이미지 - 위젯 스타일에서 버튼 등의 이미지 표시가 지원되는 경우 이미지를 선택하여 이미지 스타일 지정을 표현할 수 있습니다.
• 선 색상 - 차트의 펜 스타일 지정에 사용됩니다.
• 선 두께 - 차트의 펜 스타일 지정에 사용됩니다.
• 선 스타일 - 일반적으로 테두리를 의미합니다. ThingWorx는 실선, 대시, 점선, 없음 옵션을 제공합니다.
• 텍스트 크기 - 9 ~ 72px의 글꼴 크기를 선택합니다.
많은 스타일 정의가 미리 설치되어 있습니다. 매쉬업 구성 요소에 일관성 있는 모양과 느낌을 주려면 직접 생성하는 것이 좋습니다.
상태 정의
상태 정의는 스타일 정의와 각 스타일 정의를 적용할 시기에 대한 규칙의 컬렉션입니다. 규칙과 스타일 정의를 합한 것이 상태입니다. 상태 정의에는 둘 이상의 상태가 있어야 합니다. 이를 통해 그리드에 바인딩된 데이터 서비스의 열 값을 기반으로 그리드에서 셀의 데이터 기반 서식 적용을 설정할 수 있습니다.
상태 정의를 위젯에 적용할 때 위젯 데이터 집합에서 규칙을 평가할 필드를 선택해야 합니다. 이를 통해 표시되는 데이터 열 이외의 필드를 사용하여 상태를 결정할 수 있습니다.
상태 정의 정의 및 사용
상태 정의를 만들 때 상태 유형을 문자열/값 또는 숫자 유형으로 적용해야 합니다. 문자열/값 유형을 정의하면 스타일 정의가 정확히 일치하는 항목에 적용됩니다. 숫자 유형을 정의하면 스타일 정의가 정의된 범위 내의 임의의 숫자에 적용됩니다.
문자열/값 상태 정의를 정의할 때 각 상태에 대해 다음 필드를 정의합니다.
• 문자열/값 - 일치시킬 문자열입니다.
• 표시 이름 - 예를 들어, 일치 값을 사용하는 대신 펌프 실행 및 중지를 나타낼 때 이 값을 사용합니다. 이 이름은 상태 값을 동적으로 바인딩할 때 나타납니다(아래 참조).
• 스타일 - 일치 시 적용할 스타일 정의입니다.
숫자 상태 정의를 정의할 때 각 상태에 대해 다음 필드를 정의합니다.
• 연산자 - 작거나 같음 또는 보다 작음을 선택합니다.
• 값 - 숫자 값입니다.
• 표시 이름 - 실행 시간에 상태에 레이블을 지정하는 데 사용되는 이름입니다. 이 이름은 상태 값을 동적으로 바인딩할 때 나타납니다(아래 참조).
• 스타일 - 일치 시 적용할 스타일 정의입니다.
상태 정의 재정의
상태 정의는 일반적으로 정의할 수 있으며 해당 상태가 객체에 적용될 때 특정 재정의를 사용할 수 있다는 점에 유의해야 합니다. 예를 들어, 낮음-낮음 조건, 낮음 조건, 보통 조건, 높음 조건 및 높음-높음 조건이 있는 일반적인 시나리오가 있을 수 있습니다. 이 개념이 적용될 때마다 다음과 같은 색상 구성표를 사용하려고 합니다.
• 낮음-낮음 - 주황색
• 낮음 - 노란색
• 보통 - 녹색
• 높음 - 자주색
• 높음-높음 - 빨간색
그러나 5가지 상태가 동일하더라도 실제 숫자 범위는 데이터 점마다 다를 수 있습니다. 이 경우 각 데이터 점에 대해 상태 정의를 정의하는 대신 위젯에 적용할 상태 정의에 대한 실제 숫자 범위를 재정의할 수 있습니다. 이는 위젯 구성 내에서 수행됩니다.
상태 정의를 재정의하는 방법에는 두 가지가 있습니다.
• 특정 위젯에 대해 사용할 상태 정의를 선택하고 렌더러 및 상태 구성 대화 상자에 위젯 특정 값을 입력합니다.
• 상태 값을 데이터 서비스에 바인딩합니다. 위젯에 적용할 상태 정의를 선택하면 상태 정의의 각 상태에 대해 하나씩 위젯 속성 패널에 추가 속성이 추가됩니다. 추가 속성의 이름은 ValueFormat_<Display Name>이며, 표시 이름은 원래 상태 정의에 적용한 이름입니다. 그런 다음 모든 데이터 서비스의 값을 해당 속성에 바인딩하여 상태 정의 제한을 동적으로 설정하고 완전한 데이터 기반으로 만들 수 있습니다.