MAUI CollectionView选中项右上角勾选标记实现问题求助

你遇到的问题是因为CollectionView的ItemTemplate生成的控件属于各自的可视化树，页面级的FindByName无法定位到模板内部的元素，所以才会返回null。下面提供一种符合MAUI开发理念的解决方案，通过数据绑定控制勾选标记的显示，无需直接操作控件。

步骤1：给Category模型添加选中状态属性 #

修改Category模型，添加IsSelected属性并实现INotifyPropertyChanged接口，确保属性变化时UI自动更新：

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace Paraglider.MobileApp.Models
{
    public class Category : INotifyPropertyChanged
    {
        public int Id { get; set; }
        // 保留原有其他属性

        private bool _isSelected;
        public bool IsSelected
        {
            get => _isSelected;
            set
            {
                if (_isSelected != value)
                {
                    _isSelected = value;
                    OnPropertyChanged();
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

步骤2：修改XAML中的数据绑定 #

在DataTemplate里，将勾选图片的IsVisible直接绑定到当前Category的IsSelected属性：

<CollectionView.ItemTemplate>
    <DataTemplate x:DataType="models:Category">
        <AbsoluteLayout>
            <Image 
                Aspect="AspectFit" 
                WidthRequest="165" 
                Source="pzv.svg" 
                Margin="0, 10" />
            
            <Image
                x:Name="showIfSelected"
                Aspect="AspectFit" 
                AbsoluteLayout.LayoutBounds="130, 0, autoSize, autoSize"  
                Source="selected_category.svg" 
                IsVisible="{Binding IsSelected}" >
                <Image.Shadow>
                    <Shadow Brush="Black" Offset="0, 10" Opacity="0.1" Radius="15" />
                </Image.Shadow>
            </Image>
        </AbsoluteLayout>
    </DataTemplate>
</CollectionView.ItemTemplate>

步骤3：修改SelectionChanged事件逻辑 #

不再需要查找控件，直接更新选中/取消选中项的IsSelected属性：

private void CollectionView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    // 取消之前选中项的状态
    foreach (var category in e.PreviousSelection.OfType<Category>())
    {
        category.IsSelected = false;
    }

    // 设置当前选中项的状态
    foreach (var category in e.CurrentSelection.OfType<Category>())
    {
        category.IsSelected = true;
    }
}

为什么之前的方法无效？ #

CollectionView的每个列表项都是通过DataTemplate动态生成的，这些控件的命名仅在各自的模板上下文内有效，页面的FindByName方法只能查找直接属于页面的命名元素，无法穿透到模板内部，因此会返回null。而通过数据绑定让UI状态与模型属性关联，是MAUI中更简洁、可靠的实现方式。

内容的提问来源于stack exchange，提问作者diukin