Xamarin.Forms Progressbar
Descarga del ejemploEl Xamarin.FormsProgressBar control representa visualmente el progreso como una barra horizontal que se rellena con un porcentaje representado por un float valor. La clase ProgressBar se hereda de View.
En las capturas de pantalla siguientes se muestra un elemento ProgressBar en iOS y Android:
El ProgressBar control define dos propiedades:
- Xamarin_Forms _ProgressBar_Progress" data-linktype="absolute-path">es un valor que representa el progreso actual como un valor de
Progressfloat0 a 1.ProgressLos valores menores que 0 se fijarán en 0, los valores mayores que 1 se fijarán en 1. - Xamarin_Forms _ProgressBar_ProgressColor" data-linktype="absolute-path">es un que afecta al color de la barra interior que representa el
ProgressColorColorprogreso actual.
Estas propiedades están copiadas por objetos , lo que significa que se puede crear un estilo y ser BindableProperty el destino de los enlaces de ProgressBar datos.
El control también define un método que anima la barra de ProgressBar su valor actual a un valor ProgressTo especificado. Para obtener más información, vea Animar una barra de progreso.
Nota:
no ProgressBar acepta la manipulación del usuario, por lo que se omite cuando se usa la tecla Tab para seleccionar controles.
Crear una barra de progreso
Se ProgressBar puede crear una instancia de en XAML. Su Progress propiedad determina el porcentaje de relleno de la barra interna coloreada. El valor Progress de propiedad predeterminado es 0. En el ejemplo siguiente se muestra cómo crear una instancia de ProgressBar en XAML con la propiedad opcional Progress establecida:
<ProgressBar Progress="0.5" />
También ProgressBar se puede crear un en el código:
ProgressBar progressBar = new ProgressBar { Progress = 0.5f };
Advertencia
No use opciones de diseño horizontal sin restricciones, como CenterStart , o con EndProgressBar . En UWP, se ProgressBar contrae en una barra de ancho cero. Mantenga el HorizontalOptions valor predeterminado de y no use un ancho de al colocar un en un FillAutoProgressBarGrid diseño.
Propiedades de apariencia de ProgressBar
La ProgressColor propiedad define el color de la barra interna cuando la propiedad es mayor que Progress cero. En el ejemplo siguiente se muestra cómo crear una instancia de ProgressBar en XAML con la propiedad ProgressColor establecida:
<ProgressBar ProgressColor="Orange" />
La ProgressColor propiedad también se puede establecer al crear un en el ProgressBar código:
ProgressBar progressBar = new ProgressBar { ProgressColor = Color.Orange };
En las capturas de pantalla siguientes se muestra ProgressBar con la propiedad establecida en en en ProgressColorColor.Orange iOS y Android:
Animar una barra de progreso
El método anima desde su valor actual a un valor proporcionado a lo ProgressTo largo ProgressBar del Progress tiempo. El método acepta un valor float de progreso, una uint duración en milisegundos, Easing un valor de enumeración y devuelve un Task<bool> . En el código siguiente se muestra cómo animar un ProgressBar :
// animate to 75% progress over 500 milliseconds with linear easing
await progressBar.ProgressTo(0.75, 500, Easing.Linear);
Para obtener más información sobre la Easing enumeración , vea Easing functions in Xamarin.Forms .