Bagikan melalui

Shimmer menguasai

  • Artikel

Kontrol yang digunakan untuk menampilkan pengalaman pemuatan.

Catatan

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

Kontrol berkilauan.

Description

Komponen kode ini menyediakan pembungkus di sekitar kontrol Fluent UI Shimmer yang terikat ke tombol untuk digunakan di kanvas & halaman kustom.

Properti kunci

Properti Description
Items Item tindakan untuk ditampilkan
Rows Item tindakan untuk ditampilkan
SpacebetweenShimmer Spasi atau Celah antara setiap Shimmer jika ada beberapa baris.

Properti item

Setiap Rekaman dalam Tabel di bawah ini berisi dapat memiliki nilai berikut.

Properti Description
ItemKey Harus diisi. Kunci untuk digunakan guna menunjukkan ShimmerElement tertentu. Kunci harus unik.
ItemType Harus diisi. Jenis elemen Shimmer dari daftar tiga elemen shimmer, yaitu lingkaran, celah & garis.
ItemRowKey Harus diisi. Kunci untuk digunakan guna menunjukkan RowKey dan menetapkan hubungan.
ItemHeight Tinggi ShimmerElement
ItemWidth Lebar ShimmerElement
ItemVerticalAlign Untuk menentukan cara meratakan elemen. Yakni 'atas', 'tengah', atau 'bawah'.

Rumus Power Fx contoh:

Table({ItemKey:"1",ItemWidth:"3.8",ItemHeight:60,ItemRowKey:"1",ItemType:"circle"},{ItemKey:"2",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"3",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"4",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"5",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"6",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"7",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"8",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"9",ItemWidth:"3.8",ItemHeight:40,ItemRowKey:"1",ItemType:"line"},{ItemKey:"10",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"11",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"12",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"13",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"14",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"15",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"16",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"})

Nilai Properti Baris (rows_Items)

Setiap Rekaman dalam Tabel di bawah ini berisi dapat memiliki nilai berikut.

Properti Description
RowKey Harus diisi. Kunci untuk digunakan guna menunjukkan Shimmer tertentu, dan saat menambahkan sub-item. Kunci harus unik.
RowOrder Urutan yang harus dirender oleh Shimmer
RowCount Jumlah Shimmers untuk dirender
RowWidth Lebar Shimmer

Rumus Power Fx contoh:

Table(
    {
        RowKey: "1",
        RowOrder:1,
        RowCount:5,
        RowWidth: 100
    }
)

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 Tema

String JSON Tema diteruskan ke properti komponen, sedangkan varTheme dapat digunakan untuk memberi gaya komponen standar lainnya seperti tombol menggunakan warna tersendiri.

Untuk informasi selengkapnya tentang palet warna yang akan digunakan saat mengerjakan Shimmer, lihat IShimmerColors Interface bagian dokumentasi IShimmerElement .

Pembatasan

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