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 halaman kanvas & kustom. 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.