Xamarin.Forms ProgressBar

Stažení ukázky

Xamarin.FormsProgressBar Ovládací prvek vizuálně reprezentuje průběh jako vodorovný pruh, který je vyplněn procentem reprezentovaným float hodnotou. ProgressBarTřída dědí z View .

Následující snímky obrazovky ukazují ProgressBar na iOS a Android:

ProgressBarOvládací prvek definuje dvě vlastnosti:

• Xamarin_Forms _ProgressBar_Progress "data-LINKTYPE =" absolutní cesta ">Progress je float hodnota, která představuje aktuální průběh jako hodnotu od 0 do 1. Progress hodnoty menší než 0 se budou zasáhnout na 0, hodnoty větší než 1 se budou do 1.
• Xamarin_Forms _ProgressBar_ProgressColor "data-LINKTYPE =" absolutní cesta ">ProgressColor má Color vliv na barvu vnitřního panelu představující aktuální průběh.

Tyto vlastnosti jsou zálohovány BindableProperty objekty, což znamená, že je ProgressBar možné styl a být cílem datových vazeb.

ProgressBarOvládací prvek také definuje ProgressTo metodu, která animuje pruh z aktuální hodnoty na zadanou hodnotu. Další informace najdete v tématu animace ovládacího prvku ProgressBar.

Vytvoření ovládacího prvku ProgressBar

ProgressBarLze vytvořit instanci v jazyce XAML. Jeho Progress vlastnost určuje procentuální hodnotu výplně vnitřního, barevného pruhu. Výchozí Progress hodnota vlastnosti je 0. Následující příklad ukazuje, jak vytvořit instanci ProgressBar v jazyce XAML s volitelnou Progress sadou vlastností:

<ProgressBar Progress="0.5" />

ProgressBarLze také vytvořit v kódu:

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

Vlastnosti zobrazení ProgressBar

ProgressColorVlastnost definuje vnitřní barvu čáry, pokud Progress je vlastnost větší než nula. Následující příklad ukazuje, jak vytvořit instanci ProgressBar v jazyce XAML se ProgressColor sadou vlastností:

<ProgressBar ProgressColor="Orange" />

ProgressColorVlastnost lze nastavit také při vytváření ProgressBar v kódu:

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

Následující snímky obrazovky ukazují ProgressBarProgressColor vlastnost s vlastností nastavenou na Color.Orange v systémech iOS a Android:

Animace ovládacího prvku ProgressBar

ProgressToMetoda animuje ProgressBar z aktuální Progress hodnoty na zadanou hodnotu v čase. Metoda přijímá float hodnotu průběhu, uint dobu v milisekundách, Easing hodnotu výčtu a vrátí Task<bool> . Následující kód ukazuje, jak animovat ProgressBar :

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

Další informace o výčtu naleznete Easing v tématu Easing functions in Xamarin.Forms .

Související odkazy

• Ukázky komponenty ProgressBar