Od wersji 2
wzór kreski z poszczególnymi segmentami, które mogą mieć określone grubości i kolory; Szczególnie przydatne do renderowania komplikacji GOAL_PROGRESS, RANGED_VALUE i WEIGHTED_ELEMENTS.
Składnia
<WeightedStroke colors="argb-color-list" thickness="float" weights="weight-list" discreteGap="float" interpolate="boolean" cap="BUTT | ROUND | SQUARE" />
Atrybuty
Element WeightedStroke
ma te atrybuty:
Atrybuty wymagane
Wymagane są te atrybuty:
colors
Kolory każdego elementu kreski ważonej jako lista wartości szesnastkowych rozdzielonych spacjami, np.
#FF0000 #00FF00 #0000FF
.W przypadku użycia do renderowania danych widżetów
GOAL_PROGRESS
lubRANGED_VALUE
, które dostarczają dane o kolorze, lub do użycia funkcjiWEIGHTED_ELEMENTS
w polucolors
, można użyć bezpośrednio wartości[COMPLICATION.GOAL_PROGRESS_COLORS]
,[COMPLICATION.RANGED_VALUE_COLORS]
lub[COMPLICATION.WEIGHTED_ELEMENTS_COLORS]
.thickness
Grubość kreski wyrażona jako wymiar zmiennoprzecinkowy.
Ten atrybut można przekształcić.
Atrybuty opcjonalne
Te atrybuty są opcjonalne:
weights
Lista wartości rozdzielonych spacjami, które określają proporcję łuku zajętego przez każdą wagę, np.
1.0 2.0 3.0
, gdzie trzeci element zajmuje 3 razy większy kąt niż pierwszy element.Gdy używa się do reprezentowania danych z widżetu
WEIGHTED_ELEMENTS
, pole[COMPLICATION.WEIGHTED_ELEMENTS_WEIGHTS]
może być przekazywane bezpośrednio.discreteGap
Kąt między poszczególnymi elementami. Domyślna wartość to
0.0
.interpolate
Gdy ustawisz wartość
true
, każdy element N z listyweights
ma gradient kolorów od koloru N do koloru N+1 z listycolors
zamiast jednolitego koloru.Gdy używasz go do reprezentowania danych z komplikacji
GOAL_PROGRESS
lubRANGED_VALUE
, możesz przekazywać bezpośrednio wartości pól[COMPLICATION.GOAL_PROGRESS_COLORS_INTERPOLATE]
lub[COMPLICATION.RANGED_VALUE_COLORS_INTERPOLATE]
. Gdy używasz do reprezentowania danych widżetuWEIGHTED_ELEMENTS
, ustawinterpolate
nafalse
.Domyślna wartość to
false
.cap
Określ kształt krawędzi obrysu. Obsługiwane wartości to:
BUTT
powoduje, że obrys kończy się na ścieżce, a nie wystaje poza nią.ROUND
powoduje, że obrys jest wyświetlany jako półkole z środkiem na końcu ścieżki.SQUARE
powoduje, że obrys jest wyświetlany jako kwadrat, a jego środek znajduje się na końcu ścieżki.
Elementy wewnętrzne
Element WeightedStroke
może zawierać te elementy:
Polecane dla Ciebie
- Uwaga: tekst linku jest wyświetlany, gdy obsługa JavaScript jest wyłączona
- Styl ważony
- Kompilacja
- Obrys