バージョン 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
重み付きストロークの各要素の色(スペース区切りのリスト) (例:
#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 つ目の要素は 角度は最初の要素の 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 がオフになっている場合はリンクテキストが表示されます
- 重み付きストローク
- ウォッチフェイスの追加機能
- Stroke