버전 2 이후
개별 세그먼트가 있는 획 패턴으로, 지정된 두께와 있습니다. GOAL_PROGRESS, RANGED_VALUE 렌더링에 특히 사용됨 WEIGHTED_ELEMENTS 정보 표시를 지원합니다.
구문
<WeightedStroke colors="argb-color-list" thickness="float" weights="weight-list" discreteGap="float" interpolate="boolean" cap="BUTT | ROUND | SQUARE" />
속성
WeightedStroke
요소는 다음과 같은 속성을 포함합니다.
필수 속성
다음 속성은 필수입니다.
colors
가중치가 적용된 획의 각 요소의 색상으로, 공백으로 구분된 목록으로 표시됩니다. 16진수 값(예:
#FF0000 #00FF00 #0000FF
)GOAL_PROGRESS
또는RANGED_VALUE
정보 표시 데이터를 렌더링하는 데 사용되는 경우 색상 데이터를 제공하거나WEIGHTED_ELEMENTS
를 사용하여colors
를 채울 수 있습니다. 직접[COMPLICATION.GOAL_PROGRESS_COLORS]
,[COMPLICATION.RANGED_VALUE_COLORS]
또는[COMPLICATION.WEIGHTED_ELEMENTS_COLORS]
thickness
부동 소수점 수로 표현된 획의 두께입니다.
선택사항 속성
다음 속성은 선택사항입니다.
weights
원호의 비율을 결정하는 공백으로 구분된 값 목록 각 가중치가 적용됩니다(예:
1.0 2.0 3.0
). 여기서 세 번째 요소는 첫 번째 요소의 각도의 3배를 차지합니다.WEIGHTED_ELEMENTS
정보 표시의 데이터를 나타내는 데 사용되는 경우[COMPLICATION.WEIGHTED_ELEMENTS_WEIGHTS]
는 직접 전달할 수 있습니다.discreteGap
각 요소 사이의 각도입니다. 기본값은
0.0
입니다.interpolate
true
로 설정하면weights
목록의 각 요소 N에 색상이 지정됩니다.colors
목록의 색상 N에서 색상 N+1까지의 그라데이션입니다. 단색.GOAL_PROGRESS
또는RANGED_VALUE
의 데이터를 나타내는 데 사용되는 경우 값을 전달할 수 있습니다.[COMPLICATION.GOAL_PROGRESS_COLORS_INTERPOLATE]
또는[COMPLICATION.RANGED_VALUE_COLORS_INTERPOLATE]
필드로 직접 이동할 수 있습니다. 사용 위치WEIGHTED_ELEMENTS
정보 표시 데이터를 나타내며interpolate
를 다음으로 설정false
입니다.기본값은
false
입니다.cap
획의 가장자리 모양을 정합니다. 지원되는 값은 다음과 같습니다.
BUTT
: 획이 경로와 함께 종료되고 그 뒤로 돌출되지 않습니다.ROUND
: 획이 중심이 경로의 끝에 있는 반원으로 돌출됩니다.SQUARE
: 획이 중심이 경로의 끝에 있는 정사각형으로 돌출됩니다.
내부 요소
WeightedStroke
요소는 다음 요소를 포함할 수 있습니다.
추천 서비스
- 참고: JavaScript가 사용 중지되어 있으면 링크 텍스트가 표시됩니다.
- WeightedStroke
- Complication
- 획