WinUI 2.6
WinUI 2.6 adalah rilis WinUI Juni 2021 untuk aplikasi UWP (dan aplikasi desktop menggunakan Kepulauan XAML).
Catatan
Untuk informasi selengkapnya tentang membangun desktop Windows dan aplikasi UWP dengan versi terbaru WinUI 3, lihat WinUI 3.
WinUI dihosting di GitHub di mana kami mendorong Anda untuk mengajukan laporan bug, permintaan fitur, dan kontribusi kode komunitas.
Semua rilis stabil (dan prarilis) tersedia untuk diunduh dari halaman rilis GitHub kami atau dari halaman NuGet kami.
Paket WinUI dapat ditambahkan ke proyek Visual Studio melalui manajer paket NuGet. Untuk informasi selengkapnya, lihat Mulai menggunakan WinUI 2.
Fitur baru atau yang diperbarui untuk WinUI 2.6 meliputi:
Mika
Mica adalah bahan baru yang menggabungkan tema dan wallpaper desktop untuk melukis latar belakang jendela berumur panjang seperti aplikasi dan pengaturan. Anda dapat menerapkan Mica ke backdrop aplikasi Anda untuk menyenangkan pengguna dan membuat hierarki visual, membantu produktivitas, dengan meningkatkan kejelasan tentang jendela mana yang sedang fokus. Mica dirancang khusus untuk performa aplikasi karena hanya sampel wallpaper desktop sekali untuk membuat visualisasinya.
Expander
Kontrol Expander terdiri dari header konten utama yang selalu terlihat, dipasangkan dengan tombol pengalih yang digunakan untuk menampilkan atau menyembunyikan area konten yang dapat diperluas yang berisi konten sekunder yang terkait dengan header.
Saat pengguna memperluas atau menciutkan area konten, elemen UI yang berdekatan digeser dan disesuaikan untuk mengakomodasi area konten. Area konten expander tidak melapisi elemen tersebut.
Contoh animasi ini menunjukkan Expander dalam status default hanya dengan teks dasar di area konten.
Anda dapat menggunakan UI interaktif yang kompleks di area konten Expander, termasuk kontrol Expander berlapis seperti yang ditunjukkan di sini.
BreadcrumbBar
BreadcrumbBar adalah elemen navigasi hierarkis yang menyediakan jalur tautan langsung ke halaman atau folder yang mengarah ke lokasi pengguna saat ini. Ini sering digunakan di dekat bagian atas halaman dalam situasi di mana jejak navigasi pengguna (dalam sistem file atau sistem menu) harus terus terlihat dan memberi pengguna kemampuan untuk dengan cepat kembali ke lokasi sebelumnya.
Contoh animasi ini menunjukkan BreadcrumbBar dalam status default dengan delapan tingkat kedalaman navigasi.
Jika aplikasi diubah ukurannya sehingga tidak ada cukup ruang untuk menampilkan semua tingkatan di BreadcrumbBar, kontrol secara otomatis menciut, menggantikan elipsis untuk simpul paling kiri. Mengklik elipsis akan membuka menu flyout yang menampilkan simpul yang diciutkan dalam urutan hierarkis, seperti yang ditunjukkan di sini.
ImageIcon
ImageIcon menambahkan dukungan untuk menggunakan kontrol Gambar sebagai ikon di antarmuka pengguna aplikasi Anda.
Format file gambar berikut didukung:
- Bitmap (BMP)
- Format Pertukaran Grafik (GIF)
- Joint Photographic Experts Group (JPEG)
- Grafis Jaringan Portabel (PNG)
- JPEG XR (WDP)
- Format File Gambar Bertag (TIFF)
AnimatedIcon
Kontrol AnimatedIcon memutar gambar animasi sebagai respons terhadap perubahan interaksi pengguna dan status visual, seperti ketika pengguna mengarahkan kubah ke tombol atau mengkliknya.
Contoh animasi ini menunjukkan AnimatedIcon yang ditambahkan ke kontrol NavigationViewItem.
Menentukan animasi mengharuskan Anda membuat, atau memperoleh, file Lottie untuk ikon yang ingin Anda tambahkan (animasi kustom dapat dibuat dengan Adobe AfterEffects dan dirender dengan pustaka Lottie-Windows ) dan menjalankan file tersebut melalui LottieGen. LottieGen menghasilkan kode untuk kelas C++/WinRT yang kemudian dapat Anda buat dan gunakan dengan AnimatedIcon.
PipsPager
Kontrol PipsPager membantu pengguna menavigasi dalam konten yang dipaginasi secara linier menggunakan kumpulan glyph yang dapat dikonfigurasi, yang masing-masing mewakili satu "halaman" dalam rentang yang berpotensi tanpa batas. Glyph menyoroti halaman saat ini, dan menunjukkan ketersediaan halaman sebelumnya dan yang berhasil. Kontrol bergantung pada konteks saat ini dan tidak mendukung penomoran halaman eksplisit atau organisasi non-linier.
Contoh ini memperlihatkan PipsPager dalam status default dengan lima pip yang terlihat, berorientasi horizontal, dengan pip pertama dipilih.
Jika konten terdiri dari sejumlah besar halaman, Anda dapat mengatur jumlah pip interaktif yang terlihat. Jika jumlah halaman melebihi jumlah pip yang terlihat, pip secara otomatis menggulir untuk mempusatkan halaman yang dipilih dalam kontrol.
Contoh animasi ini menunjukkan PipsPager dengan pip gulir horizontal untuk koleksi item besar.
Pembaruan gaya visual
Sebagian besar kontrol WinUI sekarang mendukung gaya Windows 11 terbaru.
Sistem penerapan versi baru juga telah diperkenalkan yang memungkinkan Anda kembali ke gaya kontrol sebelumnya. Namun, kami sangat mendorong penggunaan gaya baru, jika memungkinkan, karena selaras dengan arah desain Windows saat ini.
Gaya SplitButton untuk CommandBar
Yang baru SplitButtonCommandBarStyle memberikan kemampuan untuk menerapkan tampilan dan nuansa AppBarButton ke kontrol SplitButton .
Sampel
Tip
Untuk informasi selengkapnya, panduan desain, dan contoh kode, lihat Mendesain dan mengodekan aplikasi Windows.
Aplikasi Galeri WinUI 3 dan Galeri WinUI 2 mencakup contoh interaktif sebagian besar kontrol, fitur, dan fungsi WinUI 3 dan WinUI 2.
Jika sudah diinstal, buka dengan mengklik tautan berikut: Galeri WinUI 3 atau Galeri WinUI 2.
Jika tidak diinstal, Anda dapat mengunduh Galeri WinUI 3 dan Galeri WinUI 2 dari Microsoft Store.
Anda juga bisa mendapatkan kode sumber untuk keduanya dari GitHub (gunakan cabang utama untuk WinUI 3 dan cabang winui2 untuk WinUI 2).
Pembaruan lainnya
- Lihat daftar Perubahan Penting kami untuk banyak masalah GitHub yang ditangani dalam rilis ini.
- Lihat toolkit desain Figma untuk templat kontrol dan tata letak WinUI 2.6.
Windows developer