Spinner контроль
Элемент управления, используемый для создания процесса загрузки.
Заметка
Полная документация и исходный код находятся в разделе Репозиторий компонентов кода на GitHub.
Description
Spinner — это контур круга, который анимируется вокруг себя и показывает пользователю, что что-то обрабатывается. Он появляется, когда процесс не может точно определить, сколько времени займет задача, и потому является промежуточной версией элемента управления ProgressIndicator.
Элементы управления Spinner могут различаться по размеру и встраиваться в содержимое или располагаться по центру. Элементы управления Spinner обычно появляются после обработки или выполнения действия. Они неочевидные и обычно не занимают много места, но являются переходами от выполненной задачи.
Этот компонент кода обеспечивает оболочку вокруг элемента управления Fluent UI Spinner для использования в приложениях на основе холста и на пользовательских страницах. Рекомендации см. в документации по компонентам.
Ключевые свойства
| Свойство | Description |
|---|---|
Label |
Дополнительная подпись для счетчика. |
SpinnerSize |
Размер счетчика для визуализации. Варианты: xSmall, Small, Medium, Large |
SpinnerAlignment |
Выравнивание счетчика в пределах границ элемента управления. Варианты: Left, Center, Right |
LabelPosition |
Необязательное размещение метки счетчика в определенной позиции. Варианты: Bottom, Top, Left, Right |
Свойства стиля
| Свойство | Description |
|---|---|
Theme |
Принимает строку JSON, сгенерированную с помощью Конструктора тем Fluent UI (windows.net). Если оставить это поле пустым, будет использоваться тема по умолчанию, определенная Power Apps. Сведения о порядке настройки см. в разделе темы. |
AccessibilityLabel |
Подпись Aria для программы чтения с экрана |
Пример
Отображать счетчик при загрузке
Сделайте элемент управления Spinner видимым, когда процесс начинается, а затем скройте его, когда процесс завершится.
Используйте переменную для управления видимостью счетчика и обновляйте значения до и после блоком кода процесса.
UpdateContext({ var_showLoader: true });
/* Some code ... */
UpdateContext({ var_showLoader: false });
Затем укажите переменную var_showLoader в качестве значения для свойства IsLoading счетчика.
Ограничения
Этот компонент кода можно использовать только в приложениях на основе холста и настраиваемых страницах.