Spinner control
Un control utilizado para crear una experiencia de carga.
Nota
La documentación completa y el código fuente se encuentran en el repositorio de componentes de código GitHub.
Description
Un spinner es el contorno de un círculo con animación a su alrededor, lo que le indica al usuario que las cosas se están procesando. Aparece cuando el proceso no está seguro de cuánto tiempo tardará una tarea, lo que la convierte en la versión indeterminada de un control ProgressIndicator.
Los spinners pueden variar en tamaño y pueden estar insertados en el contenido o centrados. Los spinners generalmente aparecen después de que se procese o confirme una acción. Son sutiles y generalmente no ocupan mucho espacio, pero son transiciones de la tarea completada.
Este componente de código proporciona un envoltorio alrededor del control Spinner de Fluent UI para su uso en lienzos y páginas personalizadas. Consulte la documentación del componente para conocer las mejores prácticas.
Propiedades importantes
| Property | Descripción |
|---|---|
Label |
Etiqueta opcional para spinner. |
SpinnerSize |
El tamaño de la rueda que se representará. Opciones: xSmall, Small, Medium, Large |
SpinnerAlignment |
La alineación de la ruleta dentro de los límites de control. Opciones: Left, Center, Right |
LabelPosition |
Colocación opcional de etiqueta giratoria en una posición particular. Opciones: Bottom, Top, Left, Right |
Propiedades de estilo
| Property | Descripción |
|---|---|
Theme |
Acepta una cadena JSON que se genera usando Diseñador de temas de Fluent UI (windows.net). Si deja esto en blanco, usará el tema predeterminado definido por Power Apps. Para obtener ayuda sobre cómo configurarlo vea Tematización. |
AccessibilityLabel |
aria-label para lectores de pantalla |
Ejemplo
Mostrar el spinner al cargar
Haga que el spinner sea visible cuando comience un proceso; luego, ocúltelo cuando se complete el proceso.
Use una variable para controlar la visibilidad del spinner y actualice los valores antes y después del bloque de código del proceso.
UpdateContext({ var_showLoader: true });
/* Some code ... */
UpdateContext({ var_showLoader: false });
Luego, proporcione la variable var_showLoader como el valor de la propiedad IsLoading del spinner.
Limitaciones
Este componente de código solo se puede usar en aplicaciones de lienzo y páginas personalizadas.