Od wersji 2
Styl kreski z poszczególnymi segmentami, który może przyjmować określone ciężary i kolorów. Szczególnie wykorzystywane do renderowania celu GOAL_PROGRESS, RANGED_VALUE i powikłania 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 ważonej kreski w postaci listy oddzielonej spacjami. wartości szesnastkowych, np.
#FF0000 #00FF00 #0000FF
.Używany do renderowania danych widżetów
GOAL_PROGRESS
lubRANGED_VALUE
, które: dane o kolorach lub za pomocą atrybutuWEIGHTED_ELEMENTS
można uzupełnić danecolors
bezpośrednio z[COMPLICATION.GOAL_PROGRESS_COLORS]
,[COMPLICATION.RANGED_VALUE_COLORS]
lub[COMPLICATION.WEIGHTED_ELEMENTS_COLORS]
thickness
Grubość kreski wyrażona jako wymiar zmiennoprzecinkowy.
Atrybuty opcjonalne
Te atrybuty są opcjonalne:
weights
Rozdzielona spacjami lista wartości, które określają proporcje łuku zajmowane przez każdą wagę, np.
1.0 2.0 3.0
, gdzie trzeci element ma 3-krotność kąta pierwszego elementu.W przypadku używania do reprezentowania danych z widżetu
WEIGHTED_ELEMENTS
parametr[COMPLICATION.WEIGHTED_ELEMENTS_WEIGHTS]
można przekazać bezpośrednio.discreteGap
Kąt między każdym elementem. Domyślna wartość to
0.0
.interpolate
Gdy ustawisz wartość
true
, każdy element N z listyweights
ma przypisany kolor gradient od koloru N do koloru N+1 na liściecolors
, a nie jednolity kolor.Używany do reprezentowania danych z:
GOAL_PROGRESS
lubRANGED_VALUE
komplikacje, możesz przekazać wartości dla argumentu[COMPLICATION.GOAL_PROGRESS_COLORS_INTERPOLATE]
lub[COMPLICATION.RANGED_VALUE_COLORS_INTERPOLATE]
bezpośrednio. Zastosowanie reprezentujące dane widżetuWEIGHTED_ELEMENTS
, ustawinterpolate
nafalse
Domyślna wartość to
false
.cap
Określ kształt krawędzi linii. Obsługiwane wartości to:
BUTT
powoduje, że kreska kończy się ścieżką, a nie jest przenoszona poza ścieżkę.ROUND
W efekcie kreska wygląda jak półokrąg, którego środek ma postać półokręgu na końcu ścieżki.SQUARE
powoduje, że kreska jest wycelowana w kwadrat, a środek wskazuje na końcu ścieżki.
Elementy wewnętrzne
Element WeightedStroke
może zawierać te elementy:
Polecane dla Ciebie
- Uwaga: tekst linku wyświetla się, gdy JavaScript jest wyłączony
- Styl ważony
- Kompilacja
- Styl