Gambaran umum antarmuka pengguna

Membangun Windows app yang hebat berarti membuat antarmuka pengguna yang intuitif, responsif, dan dipolihkan secara visual. Platform Windows menyediakan serangkaian blok penyusun UI yang kaya—mulai dari kontrol siap pakai dan sistem tata letak yang fleksibel hingga animasi yang lancar dan API windowing—sehingga Anda dapat menciptakan pengalaman yang terasa nyaman di Windows.

Untuk prinsip desain, pola, dan panduan visual, lihat Gambaran umum desain.

Pengaturan

Windows menyediakan pustaka kontrol UI komprehensif yang mengikuti bahasa Fluent Design. Dari kontrol input dasar seperti tombol, kotak centang, dan kotak teks hingga tampilan koleksi tingkat lanjut, dialog, menu, dan pemilih—kontrol ini memberi Anda blok penyusun untuk antarmuka aplikasi apa pun.

Mulai dengan pengendalian

Tata letak

Panel tata letak dan tata letak terlampir memungkinkan Anda mengatur elemen UI dengan cara yang beradaptasi dengan ukuran dan orientasi layar yang berbeda. Gunakan panel bawaan seperti StackPanel, Grid, dan RelativePanel, atau buat panel kustom untuk skenario khusus. Transformasi dan efek perspektif 3-D menambah fleksibilitas lebih lanjut.

Pelajari tentang panel tata letak

Navigation

Bantu pengguna berpindah melalui aplikasi Anda dengan pola navigasi seperti navigasi mundur, riwayat navigasi, dan transisi halaman-ke-halaman. Gunakan kontrol navigasi seperti NavigationView, BreadcrumbBar, dan TabView untuk membuat struktur navigasi yang jelas dan konsisten.

Jelajahi opsi navigasi

Motion

Motion menghiduri aplikasi Anda dan menciptakan rasa kelangsungan saat pengguna berinteraksi dengannya. Gunakan transisi halaman, animasi terkoneksi, efek paralaks, dan animasi XAML untuk memberikan umpan balik visual dan panduan perhatian.

Menjelajahi gerakan

Windowing

API windowing memungkinkan Anda mengelola jendela aplikasi, menyesuaikan bilah judul, dan mengontrol tampilan aplikasi Anda di layar. Gunakan kelas AppWindow dan API terkait untuk membuat pengalaman multi-jendela, membuka layar penuh, atau menerapkan overlay ringkas.

Pelajari tentang windowing