Kontrol untuk aplikasi Windows

Dalam pengembangan aplikasi Windows, kontrol adalah elemen UI yang menampilkan konten atau mengaktifkan interaksi. Kontrol adalah blok penyusun antarmuka pengguna. Pola adalah resep untuk menggabungkan beberapa kontrol untuk membuat sesuatu yang baru.

Kami menyediakan 45+ kontrol untuk Anda gunakan, mulai dari tombol sederhana hingga kontrol data yang kuat seperti tampilan kisi. Kontrol ini adalah bagian dari Fluent Design System dan dapat membantu Anda membuat UI yang menonjol dan dapat diskalakan yang terlihat hebat di semua perangkat dan ukuran layar.

Artikel di bagian ini menyediakan panduan desain dan instruksi pengodean untuk menambahkan kontrol & pola ke aplikasi Windows Anda.

Instruksi umum dan contoh kode

Topik yang disorot di sini memberikan contoh instruksi dan kode untuk menambahkan dan menata kontrol di XAML dan C#.

Menambahkan kontrol dan menangani peristiwa

Ada 3 langkah utama untuk menambahkan kontrol ke aplikasi Anda: Tambahkan kontrol ke UI aplikasi Anda, atur properti pada kontrol, dan tambahkan kode ke penanganan aktivitas kontrol sehingga melakukan sesuatu.

Kontrol gaya

Anda dapat menyesuaikan tampilan aplikasi anda dalam banyak cara dengan menggunakan kerangka kerja XAML. Gaya memungkinkan Anda mengatur properti kontrol dan menggunakan kembali pengaturan tersebut untuk tampilan yang konsisten di beberapa kontrol.

Dapatkan WinUI

Beberapa kontrol hanya tersedia di WinUI, paket NuGet yang berisi kontrol dan fitur UI baru. Untuk mendapatkannya, lihat ringkasan WinUI dan instruksi penginstalan.

Indeks pengendalian

Tabel berikut mencantumkan kontrol dan pola aplikasi Windows umum bersama dengan yang eksklusif untuk WinUI.

Kontrol aplikasi Windows umum

Hanya WinUI

Kotak saran otomatis

Tombol

Ikon animasi

Pemilih tanggal kalender

Tampilan kalender

Pemutar visual animasi (lihat Lottie)

Kotak centang

Kotak pilihan

Bilah remah roti

Bilah perintah

Kartu kontak

Pemilih warna

Dialog konten

Tautan konten

Bilah Perintah Flyout

Menu konteks

Pemilih tanggal

Tombol drop-down

Dialog dan flyout

Balikkan tampilan

Expander

Flyout

Formulir (pola)

Bilah info

Tampilan kisi

Hyperlink

Bilah menu

Tombol Hyperlink

Gambar dan kuas gambar

Tampilan navigasi

Pengaturan tinta

Daftar/detail (pola)

Kotak angka

Tampilan daftar

Kontrol peta

Tampilan parallax

Pemutaran Media

Menu flyout

Foto orang

Kotak kata sandi

Tombol Ulangi

Pips pager

Kotak teks kaya

Blok teks kaya

Bilah kemajuan

Penampil gulir

Pembesaran semantik

Cincin kemajuan

Bentuk

Slider

Tombol radio

Pisahkan tampilan

Blok teks

Kontrol peringkat

Kotak teks

Pemilih waktu

Tombol Pisahkan

Alihkan tombol

Tombol Alihkan

Kontrol gesek

Tombol alihkan pemisahan

Tooltip

Tampilan tab

Tampilan web

Tips pengajaran

Tampilan pohon

Tampilan dua panel

Galeri WinUI

Dapatkan aplikasi Galeri WinUI dari Microsoft Store untuk melihat kontrol XAML dan Fluent Design System dalam aksinya. Galeri WinUI dan Galeri WinUI untuk UWP mencakup contoh interaktif dari sebagian besar kontrol, fitur, dan fungsionalitas WinUI dan WinUI untuk UWP. Aplikasi adalah pendamping interaktif untuk situs web ini. Setelah menginstalnya, Anda dapat menggunakan tautan di halaman kontrol individual untuk meluncurkan aplikasi dan melihat kontrol dalam tindakan.

• Dapatkan Galeri WinUI dan WinUI untuk Galeri UWP dari Microsoft Store.
• Dapatkan kode sumber untuk keduanya dari GitHub (gunakan cabang utama untuk WinUI dan cabang winui2 untuk WinUI untuk UWP).

Kontrol tambahan

Kontrol tambahan untuk pengembangan Windows tersedia dari perusahaan seperti Telerik, SyncFusion, DevExpress, Infragistics, ComponentOne, dan ActiPro. Kontrol ini memberikan dukungan tambahan untuk pengembang perusahaan dan .NET dengan menambah kontrol sistem standar dengan kontrol dan layanan kustom.