.NET MAUI中如何访问CollectionView内的Ellipse可视化元素

优先推荐：通过MVVM绑定控制（避免直接操作控件） #

你的代码已经采用MVVM模式，直接操作控件不符合MVVM设计原则，更高效的方式是通过更新绑定的数据源来控制Ellipse的状态。比如要修改Ellipse的填充色，只需更新SolutionColors集合中对应项的Color属性（确保你的模型实现INotifyPropertyChanged），UI会自动同步更新。

示例模型修改（假设你的模型类是SolutionColorItem）：

public class SolutionColorItem : INotifyPropertyChanged
{
    private Color _color;
    public Color Color
    {
        get => _color;
        set
        {
            _color = value;
            OnPropertyChanged();
        }
    }

    public int Index { get; set; }

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

之后在ViewModel中直接修改对应项的Color属性即可，无需查找控件。

若必须直接访问控件：自定义视觉树遍历方法 #

.NET MAUI确实没有WPF的VisualTreeHelper，但可以自己实现视觉树遍历逻辑来查找子控件。

1. 编写视觉树遍历工具类 #

在项目中添加一个静态工具类：

using Microsoft.Maui.Controls;
using System.Collections.Generic;
using System.Linq;

public static class VisualTreeHelpers
{
    public static IEnumerable<T> GetChildrenOfType<T>(VisualElement parent) where T : VisualElement
    {
        if (parent == null) yield break;

        foreach (var child in parent.LogicalChildren)
        {
            if (child is T typedChild)
            {
                yield return typedChild;
            }

            if (child is VisualElement visualChild)
            {
                foreach (var nestedChild in GetChildrenOfType<T>(visualChild))
                {
                    yield return nestedChild;
                }
            }
        }
    }
}

2. 在代码后台查找Ellipse控件 #

在需要访问Ellipse的地方（比如页面的Loaded事件或某个按钮点击事件）调用工具类：

// 获取CollectionView中所有Ellipse控件
var allEllipses = VisualTreeHelpers.GetChildrenOfType<Ellipse>(solutionColorsCollectionView).ToList();

// 根据索引查找特定Ellipse（比如索引为2的项）
var targetEllipse = allEllipses.ElementAtOrDefault(2);
if (targetEllipse != null)
{
    // 执行你的操作，比如修改填充色
    targetEllipse.Fill = Colors.Red;
}

注意事项 #

• CollectionView的ItemTemplate是动态生成的，确保在控件完全加载完成后再调用查找方法（比如在页面的OnAppearing或Loaded事件中），否则可能找不到控件。
• 直接操作控件会打破MVVM的分离原则，后续维护成本更高，除非特殊场景，优先使用绑定方式。

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