Catatan WinUI bagian 2 - navigasi dan pengikatan data

Tutorial ini menunjukkan cara menggunakan navigasi dan pengikatan data di aplikasi WinUI 3 menggunakan XAML dan C#.

Dalam tutorial ini, Anda akan belajar cara:

• Aktifkan NavigationCacheMode agar tetap menggunakan instans yang sama dari Page saat bernavigasi.
• Terapkan antarmuka INotifyPropertyChanged agar pengikatan data mengetahui bahwa data telah diperbarui.
• Meneruskan objek antar halaman saat menavigasi.

Tutorial ini meningkatkan aplikasi sampel WinUI Notes dari tutorial Membuat aplikasi WinUI 3 pertama Anda . Jika Anda telah menyelesaikan tutorial tersebut, Anda dapat terus bekerja dengan kode yang sama. Atau, Anda dapat mengunduh kode lengkap untuk tutorial tersebut dari repositori GitHub dan menggunakannya sebagai titik awal untuk tutorial ini.

Dalam kedua kasus, Anda harus terbiasa dengan konsep yang disajikan dan kode yang dibuat dalam tutorial Membuat aplikasi WinUI 3 pertama Anda .

Tip

Anda juga dapat mengunduh atau melihat kode lengkap untuk tutorial ini dari repositori GitHub di WinUI Notes bagian 2. Untuk melihat perbedaan antara titik awal dan titik akhir dalam proyek, lihat commit ini: pembaruan untuk bagian 2.

Background

Untuk menjaga hal-hal sederhana dan memperkenalkan beberapa konsep dasar, tutorial Membuat aplikasi WinUI 3 pertama Anda berfokus pada kesederhanaan atas efisiensi. Jadi, sementara aplikasi berfungsi, ada beberapa hal yang dapat ditingkatkan.

Masalah utama berkaitan dengan menavigasi antar halaman di aplikasi. Secara default, instans Halaman tidak disimpan saat menavigasi, jadi setiap kali Anda menavigasi ke Page, instans baru dibuat. Di aplikasi WinUI Notes, objek notesModel dibuat dalam konstruktor AllNotesPage dan diisi dengan membaca semua catatan dari sistem berkas.

public sealed partial class AllNotesPage : Page
{
    private AllNotes notesModel = new AllNotes();
    ...
}

Setiap kali Anda menavigasi dari NotePage belakang ke AllNotesPage, notesModel dibuat ulang dan semua catatan dibaca ulang dari sistem file. Ketidakefisienan ini biasanya tidak terlihat dalam aplikasi sampel kecil tanpa banyak data, tetapi tidak akan dapat diterima di, misalnya, aplikasi foto yang membaca ribuan gambar besar dari sistem file.

Untuk memperbaiki masalah ini, tutorial ini akan membahas langkah-langkah berikut:

• Pertama, pastikan instans Page di-cache sehingga pada navigasi digunakan kembali dan tidak dibuat ulang.
• Note Perbarui kelas sehingga properti terikat diberi tahu ketika ada perubahan pada teks catatan.
• Pastikan bahwa notesModel diperbarui dengan semestinya saat catatan disimpan atau dihapus, karena tidak dibuat kembali pada setiap navigasi.

Tip

Anda akan sering merujuk ke dokumen referensi API dan dokumen konseptual saat membangun aplikasi Windows. Dalam tutorial ini, Anda akan melihat tautan sebaris dalam teks, dan dalam grup berlabel, "Pelajari lebih lanjut di dokumen:". Tautan ini bersifat opsional; Anda tidak perlu mengikutinya untuk menyelesaikan tutorial. Mereka disediakan jika Anda ingin mencatat di mana menemukan informasi yang akan Anda butuhkan saat Anda mulai membuat aplikasi Anda sendiri.

Lanjutkan ke langkah 1 - Cache navigasi dan ubah pemberitahuan