İlerleme Barı nasıl yapılır ?

Tuval uygulamalarında hazır araçları kullanarak dairesel bir ilerleme çubuğu oluşturmayı öğreneceğiz. Bu eğitimde, hedef yüzde değeri değiştiğinde ilerleme çubuğunun nasıl güncellenebileceğini göstermek için bir kaydırıcı kullanacağız.

1-"Slider1" adlı bir kaydırıcı ekleyin. Ardından aşağıdaki özellikleri güncelleyin.

Maksimum:100



2-Pasta grafiği ekleyin. İçinde örnek veriler bulunan bir pasta grafiği görmeniz gerekir.



3-Ağaç görünümünde, CompositePieChart1 adlı grubun grubunu çözün. Grup iptal edilmeli ve 3 kontrol artık birbirinden ayrı olmalıdır. Legend1 ve Title1 denetimlerini Sağ tıklayarak silin, Sadece PieChart1 kalacak.



4-PieChart1'i seçin. Aşağıdaki özellikleri değiştirin:

Items özelliği:

[ {Title:"Progress";Value:Slider1.Value};{Title:"Total";Value:Slider1.Max - Slider1.Value}] 

olarak Değiştirin. 

-ItemColorSet özelliği; 

[Color.Green,Color.DimGrey] 

-ShowLabels özelliği; false 

-ItemBorderThickness özelliği (isteğe bağlı-Kenar Kalınlığı) 0

5-Circle1 adında bir daire (şekil) ekleyin. Pasta grafiğin ortasına yerleştirin ve ortasında büyük bir delik gibi görünecek şekilde yeniden boyutlandırın ve aşağıdaki özellikleri şu şekilde değiştirin: 





6-MetinEtiketi adlı bir metin  ekleyin ve halkanın ortasına yerleştirin. Aşağıdaki özellikleri değiştirin:

Text özelliği;

Slider1.Value & "%"

Test etmek için oynatma modunu açın. Kaydırıcınızı hareket ettirin. Kaydırıcıyı hareket ettirdikçe ilerleme çubuğunun güncellendiğini göreceksiniz. Kaydırıcıyı, uygulamanızda kullandığınız bir değere dönüştürebilir veyahut sabit bir değere bağlayabilirsiniz eğer öyle bir şey yapmak istiyorsanız Kaydırıcınızın Visible özelliğini False yapmayı unutmayın. Bir sonraki yazımda görüşmek üzere, Sağlıcakla kalın.