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 Sistem Fluent Design dan dapat membantu Anda membuat UI tebal 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.

Intro

Instruksi umum dan contoh 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 alfabet

Informasi terperinci tentang kontrol dan pola tertentu.

• Ikon animasi (Baru)
• Pemutar visual animasi (lihat Lottie)
• Kotak saran otomatis
• Bilah remah roti (Baru)
• Kancing
• Pemilih tanggal kalender
• Tampilan kalender
• Kotak centang
• Pemilih warna
• Kotak kombo
• Bilah perintah
• Flyout bilah perintah
• Kartu kontak
• Dialog konten
• Tautan konten
• Menu konteks
• Pemilih tanggal
• Dialog dan flyout
• Tombol drop-down
• Expander (Baru)
• Balikkan tampilan
• Flyout
• Formulir (pola)
• Tampilan kisi
• Hyperlink
• Tombol Hyperlink
• Gambar dan kuas gambar
• Bilah info (Baru)
• Kontrol penintaan
• Daftar/detail (pola)
• Tampilan daftar
• Kontrol peta
• Pemutaran media
• Bilah menu

• Menu flyout
• Tampilan navigasi
• Kotak angka
• Tampilan parallax
• Kotak kata sandi
• Gambar orang
• Pager pips (Baru)
• Bilah kemajuan
• Cincin kemajuan
• Tombol radio
• Kontrol peringkat
• Tombol Ulangi
• Kotak edit kaya
• Blok teks kaya
• Penampil gulir
• Zoom semantik
• Bentuk
• Slider
• Tombol Pisahkan
• Pisahkan tampilan
• Kontrol gesek
• Tampilan tab
• Tips pengajaran
• Blok teks
• Kotak teks
• Pemilih waktu
• Alihkan tombol
• Tombol Alihkan
• Tombol alihkan pemisahan
• Tipsalat
• Tampilan pohon
• Tampilan dua panel
• Tampilan web

Galeri WinUI

Dapatkan aplikasi Galeri WinUI dari Microsoft Store untuk melihat kontrol ini dan Sistem Fluent Design beraksi. Aplikasi Galeri WinUI 3 dan Galeri WinUI 2 mencakup contoh interaktif sebagian besar kontrol, fitur, dan fungsi WinUI 3 dan WinUI 2. 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 3 dan Galeri WinUI 2 dari Microsoft Store.
• Dapatkan kode sumber untuk keduanya dari GitHub (gunakan cabang utama untuk WinUI 3 dan cabang winui2 untuk WinUI 2).

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.