Pengantar
Pengikatan data memungkinkan Anda mendeklarasikan hubungan antara data dan kontrol antarmuka pengguna (UI) Anda. Data Anda dan kontrol antarmuka pengguna secara otomatis tetap sinkron ketika salah satu elemen berubah. Pengikatan data dapat membuat kode Anda lebih cepat dibaca, lebih mudah dipelihara, dan lebih dapat diuji.
Pengikatan data menawarkan cara mengkudeta UI Anda langsung ke data alih-alih mengaitkan UI Anda dengan kode di kode UI di belakang. Saat UI terikat ke data, UI secara otomatis memperbarui saat data berubah, tetap sinkron dengan data. Sebaliknya Jika pengguna berinteraksi dengan UI, data tetap sinkron dengan UI.
Contoh skenario
Bayangkan Anda sedang mengerjakan aplikasi yang menyajikan informasi cuaca kepada pengguna untuk wilayah atau alamat yang dipilih. Saat pengguna memasukkan lokasi, aplikasi memuat data prakiraan cuaca dari layanan cuaca eksternal dan memperbarui UI. UI dan data layanan cuaca digabungkan erat melalui UI XAML dan file XAML code-behind. Layanan cuaca sudah diabstraksi ke kelasnya sendiri, tetapi antarmuka pengguna Anda sangat bergantung pada kode di belakang untuk menyajikan data tersebut ke UI.
Beberapa saat setelah aplikasi dirilis, layanan cuaca yang Anda gunakan mengumumkan bahwa aplikasi tersebut akan dimatikan. Mengantisipasi hal ini, Anda mulai mencari layanan pengganti. Dari layanan yang telah Anda evaluasi, Anda melihat bahwa mereka semua data input dan output dengan cara yang berbeda. Karena UI Anda menggunakan peristiwa code-behind untuk interaksi dengan layanan, pengalaman UI Anda dapat terpengaruh oleh perubahan ini.
Akan berguna untuk mengubah bagaimana UI menyinkronkan pembaruan cuaca, dari peristiwa code-behind menjadi pengikatan data. Dengan cara ini, jika perubahan layanan terjadi lagi, Anda telah meminimalkan dampak ke kode Anda.
Apa yang akan Anda lakukan
Modul ini menunjukkan perbedaan antara UI berbasis kode dan UI yang terikat data dan menunjukkan kepada Anda cara menggunakan pengikatan data untuk memperbarui UI alih-alih kode di belakang. Dengan menggunakan contoh aplikasi cuaca, Anda akan mengonversi pembaruan UI dari kode balik ke pengikatan data.
Apa yang Anda pelajari
Pada akhir modul ini, Anda dapat menggunakan pengikatan data untuk menyajikan data di UI, dan mengubah data saat jenis UI dan jenis data tidak cocok.