Xamarin.Forms ProgressBar

Örneği indirin

Xamarin.FormsProgressBar Denetim, ilerlemeyi bir değere göre temsil edilen yüzdeye dolgulu yatay bir çubuk olarak gösterir float . ProgressBarSınıfı öğesinden devralır View .

Aşağıdaki ekran görüntülerinde ProgressBar iOS ve Android 'de bir gösterilir:

İOS

ProgressBarDenetim iki özelliği tanımlar:

• Xamarin_Forms _ProgressBar_Progress "Data-LinkType =" Absolute-path ">Progress , float geçerli ilerlemeyi 0 ' dan 1 ' e bir değer olarak temsil eden bir değerdir. Progress 0 ' dan küçük değerler 0 ' a çakışacaktır, 1 ' den büyük değerler 1 ' e çakışacaktır.
• Xamarin_Forms _ProgressBar_ProgressColor "Data-LinkType =" Absolute-path ">ProgressColor , Color geçerli ilerlemeyi temsil eden iç çubuk rengini etkileyen bir.

Bu özellikler nesneler tarafından desteklenir BindableProperty , bu, ' ProgressBar nin stillenebileceği ve veri bağlamalarının hedefi olabileceği anlamına gelir.

ProgressBarDenetim Ayrıca ProgressTo çubuğun geçerli değerinden belirtilen değere animasyonunu yapan bir yöntemi tanımlar. Daha fazla bilgi için bkz. bir ProgressBar 'A animasyon ekleme.

ProgressBar oluşturma

Bir ProgressBar , XAML 'de oluşturulabilir. ProgressÖzelliği, iç, renkli çubuğun Fill yüzdesini belirler. Varsayılan Progress özellik değeri 0 ' dır. Aşağıdaki örnek, ProgressBar xaml 'de isteğe bağlı özellik kümesiyle nasıl örneklendirilecek gösterilmektedir Progress :

<ProgressBar Progress="0.5" />

ProgressBarKod içinde de oluşturulabilir:

ProgressBar progressBar = new ProgressBar { Progress = 0.5f };

ProgressBar görünüm özellikleri

Özelliği, ProgressColorProgress Özellik sıfırdan büyükse iç çubuk rengini tanımlar. Aşağıdaki örnek, bir ProgressBar XAML içinde özellik kümesiyle nasıl örneklendirilecek gösterilmektedir ProgressColor :

<ProgressBar ProgressColor="Orange" />

ProgressColorÖzelliği, bir kod içinde oluştururken de ayarlanabilir ProgressBar :

ProgressBar progressBar = new ProgressBar { ProgressColor = Color.Orange };

Aşağıdaki ekran görüntülerinde, ProgressBarProgressColor özelliği Color.Orange iOS ve Android 'de olarak ayarlanmış olarak gösterilir:

İOS

ProgressBar 'a animasyon ekleme

ProgressToYöntemi, ProgressBar geçerli Progress değerini zaman içinde belirtilen değere hareketlendirir. Yöntemi bir float ilerleme değeri, uint milisaniye cinsinden bir süre, bir Easing numaralandırma değeri kabul eder ve döndürür Task<bool> . Aşağıdaki kod, ' a nasıl animasyon ekleneceğini göstermektedir ProgressBar :

// animate to 75% progress over 500 milliseconds with linear easing
await progressBar.ProgressTo(0.75, 500, Easing.Linear);

Sabit listesi hakkında daha fazla bilgi için Easing bkz Easing functions in Xamarin.Forms ..

İlgili bağlantılar

• ProgressBar gösterileri