Bagikan melalui


Pengikatan data di aplikasi Windows

Pengikatan data menghubungkan antarmuka pengguna aplikasi Anda ke datanya, membuat hubungan dinamis yang menjaga UI Anda tetap responsif. Di aplikasi Windows, pengikatan data menetapkan pemisahan yang jelas antara lapisan data dan lapisan presentasi, meningkatkan organisasi kode dan membuat aplikasi Anda lebih mudah dipertahankan dan diuji.

Aplikasi Windows mendukung dua pendekatan pengikatan data utama: ekstensi markup {x:Bind} dan ekstensi markup {Binding}. Anda dapat menggunakan pendekatan satu per satu atau menggabungkannya dalam aplikasi yang sama. Ekstensi ini {x:Bind} , tersedia di aplikasi Windows App SDK dan UWP di Windows 10 dan yang lebih baru, menawarkan performa dan validasi waktu kompilasi yang lebih baik.

Baik Anda menampilkan satu item data, mengikat koleksi, atau menerapkan pola arsitektur yang kompleks seperti Model-View-ViewModel (MVVM), pengikatan data menyediakan fondasi untuk membuat aplikasi Windows yang responsif dan dapat dipertahankan.

Topik Description
Gambaran umum pengikatan data Topik ini menunjukkan kepada Anda cara mengikat kontrol (atau elemen UI lainnya) ke satu item atau mengikat kontrol item ke kumpulan item di aplikasi Windows App SDK. Selain itu, ini menunjukkan cara mengontrol penyajian item, menerapkan tampilan detail berdasarkan pilihan, dan mengonversi data untuk ditampilkan. Untuk informasi yang lebih mendalam, lihat Pengikatan Data secara rinci.
Pengikatan data secara mendalam Topik ini menjelaskan fitur pengikatan data secara rinci.
Mengikat data hierarkis dan membuat tampilan master/detail Anda dapat membuat tampilan master/detail multitingkat (juga dikenal sebagai detail daftar) dari data hierarkis dengan mengikat kontrol item ke instans CollectionViewSource yang terikat bersama dalam rantai.
Pengikatan data dan MVVM Topik ini menjelaskan pola desain arsitektur UI Model-View-ViewModel (MVVM). Pengikatan data adalah inti dari MVVM, dan memungkinkan konektivitas longgar antara UI dan kode non-UI.
Cara mengikat data dengan Toolkit MVVM di aplikasi WinUI Tutorial ini dibangun pada tutorial Membuat aplikasi WinUI dan menunjukkan kepada Anda cara menerapkan pengikatan data dengan Toolkit MVVM. Ini mencakup pembaruan model tampilan Anda untuk memanfaatkan Toolkit MVVM dan perbedaan antara MVVM Toolkit dan pendekatan MVVM tradisional.
Fungsi dalam x:Bind Di aplikasi Windows App SDK, {x:Bind} mendukung penggunaan fungsi sebagai langkah akhir dari jalur pengikatan. Dalam topik ini, pelajari bagaimana properti terikat ke fungsi untuk melakukan konversi, pemformatan tanggal, pemformatan teks, perangkaian teks, dan lainnya.