2 sürümünden itibaren
Belirli kalınlıklara ve renklere sahip olabilen, ayrı segmentlere sahip bir çizgi deseni. Özellikle GOAL_PROGRESS, RANGED_VALUE ve WEIGHTED_ELEMENTS komplikasyonlarını oluşturmak için kullanılır.
Sözdizimi
<WeightedStroke colors="argb-color-list" thickness="float" weights="weight-list" discreteGap="float" interpolate="boolean" cap="BUTT | ROUND | SQUARE" />
Özellikler
WeightedStroke
öğesi şu özelliklere sahiptir:
Gerekli özellikler
Aşağıdaki özellikler gereklidir:
colors
Ağırlıklı çizgideki her bir öğenin renkleri (örneğin,
#FF0000 #00FF00 #0000FF
).Renk verisi sağlayan
GOAL_PROGRESS
veyaRANGED_VALUE
komplikasyon verilerini oluşturmak için kullanıldığında ya daWEIGHTED_ELEMENTS
ilecolors
doğrudan[COMPLICATION.GOAL_PROGRESS_COLORS]
,[COMPLICATION.RANGED_VALUE_COLORS]
veya[COMPLICATION.WEIGHTED_ELEMENTS_COLORS]
ile doldurulabilir.thickness
Kayan noktalı boyut olarak ifade edilen çizgi kalınlığı.
Bu özellik dönüştürülebilir.
İsteğe bağlı özellikler
Aşağıdaki özellikler isteğe bağlıdır:
weights
Her ağırlığın aldığı yay oranını belirleyen boşlukla ayrılmış bir değer listesidir. Örneğin
1.0 2.0 3.0
. Burada üçüncü öğe, ilk öğenin açısının 3 katı kadardır.WEIGHTED_ELEMENTS
özelliğinden gelen verileri göstermek için kullanıldığında[COMPLICATION.WEIGHTED_ELEMENTS_WEIGHTS]
doğrudan aktarılabilir.discreteGap
Her bir öğe arasındaki açı. Varsayılan olarak
0.0
değerine ayarlanır.interpolate
true
olarak ayarlandığında,weights
listesindeki her bir N öğesi, düz bir renk yerine N renginden N+1 rengine kadar bir renk gradyanı içerir.colors
GOAL_PROGRESS
veyaRANGED_VALUE
komplikasyonlarından gelen verileri temsil etmek için kullanıldığında[COMPLICATION.GOAL_PROGRESS_COLORS_INTERPOLATE]
veya[COMPLICATION.RANGED_VALUE_COLORS_INTERPOLATE]
alanlarına doğrudan değer gönderebilirsiniz.WEIGHTED_ELEMENTS
komplikasyon verilerini gösterirkeninterpolate
özelliğinifalse
olarak ayarlayın.Varsayılan olarak
false
değerine ayarlanır.cap
Satırın kenarının şeklini belirleyin. Desteklenen değerler:
BUTT
, fırçanın yolla sona ermesine, yolun dışına çıkmamasına neden olur.ROUND
, çizginin yarım daire şeklinde çıkmasına neden olur ve merkez, yolun sonunda yer alır.SQUARE
, çizginin ortası yolun sonunda olacak şekilde kare şeklinde projeksiyonuna neden olur.
İç öğeler
WeightedStroke
öğesi aşağıdaki öğeleri içerebilir:
Sizin için önerilenler
- Not: JavaScript kapalıyken bağlantı metni gösterilir
- WeightedStroke
- Komplikasyon
- Çizgi