.NET MAUI中如何访问DataTemplate内SharpNado CollectionView的控件？

你遇到的问题核心是：DataTemplate内的控件属于每个列表项的独立可视化树，无法通过页面级的FindByName直接获取。以下是两种可行解决方案，优先推荐符合MVVM架构的方式：

方法一：基于ViewModel数据验证（推荐） #

既然Min和Max已经通过TwoWay绑定到MySelection模型的属性，完全不需要直接操作UI控件，直接遍历ViewModel中的数据集合即可完成验证，这也是MAUI的最佳实践。

实现步骤： #

1. 确保MySelection模型实现INotifyPropertyChanged（保证数据双向绑定生效）：

public class MySelection : INotifyPropertyChanged
{
    private string _min;
    private string _max;
    private string _name;

    public string Name
    {
        get => _name;
        set { _name = value; OnPropertyChanged(); }
    }

    public string Min
    {
        get => _min;
        set { _min = value; OnPropertyChanged(); }
    }

    public string Max
    {
        get => _max;
        set { _max = value; OnPropertyChanged(); }
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

2. 在按钮点击事件中遍历SelectedItems集合完成验证：

private void Button_Clicked(object sender, EventArgs e)
{
    var viewModel = (MyViewViewModel)BindingContext;
    bool isValid = true;

    foreach (var item in viewModel.SelectedItems)
    {
        // 检查输入为空
        if (string.IsNullOrWhiteSpace(item.Min) || string.IsNullOrWhiteSpace(item.Max))
        {
            isValid = false;
            // 这里可添加错误提示逻辑，比如弹窗或绑定错误属性显示
            continue;
        }

        // 转换为数值类型并验证
        if (!double.TryParse(item.Min, out double minValue) || !double.TryParse(item.Max, out double maxValue))
        {
            isValid = false;
            // 提示输入非有效数字
            continue;
        }

        if (minValue >= maxValue)
        {
            isValid = false;
            // 提示Min值不能大于等于Max值
        }
    }

    if (isValid)
    {
        // 验证通过，执行后续业务逻辑
    }
    else
    {
        // 验证失败，统一提示用户
    }
}

优势： #

• 符合MVVM架构，解耦UI与业务逻辑
• 代码更易维护、测试，不受UI模板结构变化影响
• 避免直接操作UI控件带来的耦合问题

方法二：直接遍历可视化树获取控件（不推荐，仅需操作UI时使用） #

如果必须直接访问控件（比如设置错误样式），可以通过递归遍历CollectionView的可视化树来查找目标控件。

实现步骤： #

1. 添加递归查找可视化子控件的辅助方法：

private T FindVisualChild<T>(Element parent) where T : Element
{
    if (parent == null) return null;

    foreach (var child in parent.Descendants())
    {
        if (child is T targetControl)
        {
            return targetControl;
        }
    }

    return null;
}

2. 在按钮点击事件中遍历列表项并查找控件：

private void Button_Clicked(object sender, EventArgs e)
{
    bool isValid = true;
    var items = CollectionView.ItemsSource.Cast<MySelection>();

    foreach (var item in items)
    {
        // 获取当前项的可视化容器
        if (CollectionView.TryGetItemView(item, out var itemView))
        {
            // 查找MinEntry和MaxEntry
            var minEntry = FindVisualChild<Entry>(itemView);
            var maxEntry = FindVisualChild<Entry>(itemView);

            if (minEntry != null && maxEntry != null)
            {
                // 重置样式
                minEntry.BorderColor = Colors.Gray;
                maxEntry.BorderColor = Colors.Gray;

                // 验证输入为空
                if (string.IsNullOrWhiteSpace(minEntry.Text) || string.IsNullOrWhiteSpace(maxEntry.Text))
                {
                    isValid = false;
                    minEntry.BorderColor = Colors.Red;
                    maxEntry.BorderColor = Colors.Red;
                    continue;
                }

                // 验证数值合法性
                if (double.TryParse(minEntry.Text, out double minValue) && double.TryParse(maxEntry.Text, out double maxValue))
                {
                    if (minValue >= maxValue)
                    {
                        isValid = false;
                        minEntry.BorderColor = Colors.Red;
                        maxEntry.BorderColor = Colors.Red;
                    }
                }
                else
                {
                    isValid = false;
                    minEntry.BorderColor = Colors.Red;
                    maxEntry.BorderColor = Colors.Red;
                }
            }
        }
    }

    if (isValid)
    {
        // 验证通过逻辑
    }
}

注意事项： #

• 这种方法强依赖UI模板的结构，如果模板中控件层级、名称改变，代码会失效
• 违反MVVM原则，增加UI与业务逻辑的耦合度，仅在必须操作UI样式等场景使用

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