Bagaimana untuk Mengakses Kawalan Dalam Templat Data XAML dalam Kawalan Pengulang?

Mengakses Kawalan yang Dibenamkan dalam XAML DataTemplates: Panduan Praktikal

Anda sedang bekerja dengan FlipView yang menggunakan DataTemplates untuk memaparkan data dan matlamat anda adalah untuk mengakses kawalan Imej tertentu dalam templat yang dipilih pada masa ini. Walaupun VisualTreeHelper.FindChildControl mungkin kelihatan seperti penyelesaian, ia gagal apabila berurusan dengan sifat dinamik kawalan pengulang dan item diindeksnya.

Cabaran: Templat Dijana Secara Dinamik

Masalah teras berpunca daripada cara pengulang XAML mengendalikan DataTemplates. Menetapkan dan bergantung pada Name sifat kawalan dalam templat ini tidak boleh dipercayai kerana setiap item yang berulang menjana contoh sendiri, yang membawa kepada konflik penamaan.

Penyelesaian: Visual Tree Traversal

Pendekatan berkesan melibatkan menavigasi Pokok Visual untuk mencari kawalan sasaran. Proses ini terdiri daripada tiga langkah utama:

1. Mengenal pasti Bekas Item: Gunakan ItemContainerGenerator.ContainerFromItem untuk menentukan bekas yang dijana untuk item yang dipilih.

2. Penerokaan Pokok Visual: Gunakan VisualTreeHelper.GetChildrenCount dan VisualTreeHelper.GetChild untuk mencari secara rekursif melalui elemen anak kontena.

3. Pengenalan Kawalan: Tapis kawalan yang diambil untuk mengasingkan kawalan Imej yang diingini berdasarkan jenisnya (Image) dan, jika perlu, namanya (mis., "img1").

Berikut ialah contoh kod yang menggambarkan penyelesaian ini:

var container = models_list.ItemContainerGenerator.ContainerFromItem(models_list.SelectedItem);
var children = AllChildren(container);
var img = children.OfType<Image>().FirstOrDefault(x => x.Name == "img1"); 

Fungsi Traversal Pokok Visual Rekursif (AllChildren)

Fungsi rekursif AllChildren adalah penting untuk meneroka keseluruhan Pokok Visual:

private List<Control> AllChildren(DependencyObject parent)
{
    var list = new List<Control>();
    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++)
    {
        var child = VisualTreeHelper.GetChild(parent, i);
        if (child is Control)
        {
            list.Add(child as Control);
        }
        list.AddRange(AllChildren(child));
    }
    return list;
}

Fungsi ini secara sistematik melintasi Pokok Visual, menambahkan semua Control elemen pada senarai.

Menyasarkan Kawalan Imej

Selepas mendapatkan semua kawalan kanak-kanak menggunakan AllChildren, baris OfType<Image>().FirstOrDefault(x => x.Name == "img1") menapis senarai, mengembalikan kawalan Image pertama dengan nama "img1". Menggunakan FirstOrDefault mengendalikan kes di mana imej mungkin tidak ditemui.

Pertimbangan Penting:

• Semakan Batal: Sentiasa sahkan bahawa models_list.SelectedItem bukan batal sebelum cuba mengakses bekasnya.
• Berbilang Templat Data: Jika FlipView anda menggunakan berbilang Templat Data, anda perlu menyesuaikan logik penapisan untuk mengenal pasti bekas templat yang betul dengan tepat. Pertimbangkan untuk menambahkan pengecam unik pada templat anda untuk memudahkan perkara ini.

Pendekatan yang diperhalusi ini menyediakan kaedah yang mantap dan boleh dipercayai untuk mengakses kawalan dalam Templat Data XAML yang dijana secara dinamik, walaupun dalam kawalan pengulang seperti FlipView.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Kawalan Dalam Templat Data XAML dalam Kawalan Pengulang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!