Spinner menguasai

Kontrol digunakan untuk membuat pengalaman memuat.

Catatan

Dokumentasi lengkap dan kode sumber yang ditemukan di repositori komponen kode GitHub.

Description

Spinner adalah garis luar lingkaran yang beranimasi di sekitarnya sendiri yang menunjukkan kepada pengguna bahwa berbagai hal sedang diproses. Spinner ditampilkan bila durasi proses pengerjaan tugas tidak pasti, sehingga proses ini menjadi versi tak terdeterminasi dari kontrol ProgressIndicator.

Spinner dapat berbeda dalam ukurannya, dan dapat diletakkan sebaris dengan konten atau terpusat. Spinner umumnya muncul setelah tindakan diproses atau dilakukan. Spinner ini sangat sederhana dan umumnya tidak memakan banyak ruang, tetapi merupakan transisi dari tugas yang telah selesai.

Komponen kode ini menyediakan pembungkus di sekitar kontrol Fluent UI Spinner untuk digunakan di kanvas & halaman khusus. Lihat dokumentasi komponen untuk praktik terbaik.

Properti Kunci

Properti	Description
Label	Label opsional untuk spinner.
SpinnerSize	Ukuran spinner untuk ditampilkan. Pilihan: xSmall, Small, Medium, Large
SpinnerAlignment	Perataan spinner dalam batas kontrol. Pilihan: Left, Center, Right
LabelPosition	Penempatan opsional label spinner ke posisi tertentu. Pilihan: Bottom, Top, Left, Right

Properti gaya

Properti	Description
Theme	Menerima string JSON yang dihasilkan menggunakan Desainer Tema Fluent UI (windows.net). Membiarkan ini kosong akan menggunakan tema default yang didefinisikan oleh Power Apps. Untuk panduan tentang cara mengkonfigurasi, lihat tema.
AccessibilityLabel	Aria-label pembaca layar

Contoh

Menampilkan spinner saat memuat

Buat kontrol spinner terlihat saat proses dimulai, lalu sembunyikan setelah proses selesai.

Gunakan variabel untuk mengontrol visibilitas spinner, lalu perbarui nilai sebelum dan setelah blok kode proses.

UpdateContext({ var_showLoader: true });

/* Some code ... */

UpdateContext({ var_showLoader: false });

Kemudian, berikan variabel var_showLoader sebagai nilai untuk properti IsLoading spinner.

Pembatasan

Komponen kode ini hanya dapat digunakan pada aplikasi kanvas dan halaman kustom.