Menggunakan kontrol Fluent UI

Membuat aplikasi yang terlihat bagus di Microsoft Teams akan lebih mudah dengan komponen baru kami. Dibangun pada kerangka kerja Fluent UI, komponen baru akan terlihat bagus dengan gaya Teams dan akan secara otomatis menyesuaikan dengan tema default Teams. Kontrol baru tersebut adalah tombol, kotak centang, kotak kombo, pemilih tanggal, label, grup radio, peringkat, penggeser, kotak teks, dan pengalihan.

Mari kita lihat setiap kontrol Fluent UI dan properti yang paling berguna. Untuk daftar lengkap kontrol dan properti di Power Apps, buka kontrol dan properti di Power Apps.

Button

Kontrol yang dapat dipilih pengguna untuk berinteraksi dengan aplikasi.

KETERANGAN

Konfigurasikan properti OnSelect kontrol tombol untuk menjalankan satu atau beberapa formula bila pengguna memilih kontrol.

Properti kunci

ButtonType – gaya tombol untuk menampilkan, standar, atau utama. Nilai Default: Standar.

OnSelect – Mengatur cara aplikasi merespons saat pengguna memilih kontrol.

Teks -teks yang muncul pada kontrol atau pengguna masuk ke kontrol.

Kotak centang

Kontrol yang dapat dipilih atau dihapus pengguna untuk mengatur nilainya menjadi true atau false.

KETERANGAN

Pengguna dapat menentukan nilai Boolean dengan menggunakan kontrol yang dikenal ini, yang telah banyak digunakan di antarmuka pengguna.

Properti kunci

Kotak sisi -sisi kontrol tempat kotak centang ditampilkan.

Label – teks yang muncul pada kontrol.

Dicentang – Apakah kontrol dicentang atau tidak.

Kotak kombo

Kontrol yang memungkinkan pengguna memilih dari pilihan yang tersedia. Mendukung pencarian dan beberapa pilihan.

KETERANGAN

Kontrol kotak kombo memungkinkan pengguna mencari item untuk dipilih.

Mode pilih satu atau beberapa pilihan dikonfigurasi melalui properti selectmultiple.

Properti kunci

Items – Sumber data untuk memilih.

DefaultSelectedItems – item yang awalnya dipilih sebelum pengguna berinteraksi dengan kontrol.

SelectMultiple – Mengatur apakah pengguna dapat memilih satu item atau beberapa item.

IsSearchable – Mengatur apakah pengguna dapat mencari item sebelum memilih.

Pemilih tanggal

Kontrol yang dapat dipilih pengguna untuk menentukan tanggal.

KETERANGAN

Jika Anda menambahkan kontrol Pemilih Tanggal dan bukan kontrol Input teks, Anda membantu untuk memastikan bahwa pengguna menetapkan tanggal dalam format yang benar.

Properti kunci

Nilai -tanggal yang saat ini dipilih dalam kontrol tanggal. Tanggal ini ditampilkan dalam waktu setempat.

Label

Kotak yang menampilkan data seperti teks, angka, tanggal atau mata uang.

KETERANGAN

Label menampilkan data yang Anda tentukan sebagai string teks literal atau sebagai rumus yang dievaluasi ke string teks. Label sering muncul di luar kontrol lainnya (seperti spanduk yang mengidentifikasi layar), sebagai label yang mengidentifikasi kontrol lain (seperti kontrol rating atau audio) atau di galeri untuk menampilkan jenis informasi tertentu tentang sebuah item.

Properti kunci

Warna – Warna teks dalam kontrol.

Font - Nama dari keluarga font di mana teks muncul.

Teks – teks yang muncul pada kontrol.

Grup radio

Kontrol input yang menampilkan beberapa pilihan, hanya satu yang dapat dipilih pengguna setiap kalinya.

KETERANGAN

Kontrol grup radio, kontrol input HTML standar, paling baik digunakan dengan hanya beberapa pilihan yang saling terlepas.

Properti kunci

Items – Sumber data yang muncul di kontrol, seperti galeri, daftar, atau diagram.

Dipilih – Catatan data yang menunjukkan item yang dipilih.

Penilaian

Kontrol agar pengguna dapat menunjukkan nilai dari 0 hingga jumlah maksimum yang Anda tentukan.

KETERANGAN

Dalam kontrol ini, pengguna dapat menunjukkan, misalnya, seberapa suka mereka terhadap sesuatu dengan memilih sejumlah bintang tertentu.

Properti kunci

Nilai – nilai awal kontrol sebelum diubah oleh pengguna.

Maks – Nilai maksimum yang dapat ditetapkan pengguna untuk slider atau peringkat.

Penggeser

Kontrol di mana pengguna dapat menentukan nilai dengan menyeret gagang.

KETERANGAN

Pengguna dapat menunjukkan nilai, antara minimum dan nilai maksimum yang Anda tentukan, dengan menyeret gagang penggeser ke kiri ke kanan atau ke atas dan ke bawah, tergantung arah yang Anda pilih.

Properti kunci

Maks – Nilai maksimum yang dapat ditetapkan pengguna untuk slider atau peringkat.

Min – Nilai minimum yang dapat ditetapkan pengguna untuk slider atau rating.

Nilai – Nilai kontrol input.

Tata letak – Apakah kontrol ditampilkan secara horizontal atau vertikal.

Tampilkan nilai-Apakah kontrol akan menampilkan nilai.

Kotak teks

Kotak di mana pengguna dapat memasukkan teks, angka, dan data lainnya.

KETERANGAN

Pengguna dapat menentukan data dengan mengetik ke kontrol kotak teks. Tergantung pada cara Anda mengonfigurasi aplikasi, data tersebut dapat ditambahkan ke sumber data, digunakan untuk menghitung nilai sementara atau dimasukkan dengan cara lain.

Properti kunci

Font - Nama dari keluarga font di mana teks muncul.

Teks -teks yang muncul pada kontrol atau pengguna masuk ke kontrol.

Pengalih

Kontrol yang dapat diaktifkan atau dinonaktifkan pengguna dengan memindahkan gagangnya.

KETERANGAN

Kontrol pengalih dirancang untuk antarmuka pengguna modern, namun berperilaku sama seperti kotak centang.

Properti kunci

Dicentang – Apakah kontrol dicentang atau tidak.

OffText – teks status nonaktif.

OnText – teks status aktif.

Perbedaan antara Fluent UI dan kontrol klasik

Properti kontrol telah disederhanakan untuk kemudahan penggunaan. Tabel berikut mencantumkan perbedaan antara kontrol Fluent UI dan nama properti kontrol klasik.

Tipe kontrol	Klasik	Fluent UI
Button	Isi Latar belakang TabIndex	ColorFill ColorBackground AcceptsFocus
Kotak centang	Default TabIndex	Dicentang AcceptsFocus
Kotak kombo	InputTextPlaceholder TabIndex	SMS AcceptsFocus
Pemilih tanggal	SelectedDate TabIndex	Nilai AcceptsFocus
Label	Ukuran	FontSize
Grup radio	TabIndex	AcceptsFocus
Penilaian	Default TabIndex	Nilai AcceptsFocus
Penggeser	Default TabIndex	Nilai AcceptsFocus
Kotak teks	Warna Default Isi SpellCheck TabIndex	ColorText Nilai ColorBackground EnableSpellCheck AcceptsFocus
Pengalih	Ukuran Default TabIndex	FontSize Dicentang AcceptsFocus

Lihat juga

Membuat aplikasi tambahan
Memahami Power Apps Studio

Catatan

Apa bahasa dokumentasi yang Anda inginkan? Lakukan survei singkat. (perlu diketahui bahwa survei ini dalam bahasa Inggris)

Survei akan berlangsung kurang lebih selama tujuh menit. Tidak ada data pribadi yang dikumpulkan (pernyataan privasi).