在.NET MAUI中如何从ViewCell的Tapped事件获取Grid控件引用？

针对你遇到的问题，这里提供两种实用的解决方法：

方法1：直接遍历ViewCell的Content层级 #

首先在XAML中确保Grid的结构清晰，然后在事件方法里通过ViewCell的Content属性逐层查找：

修改后的XAML（可选给Grid命名，更直观） #

<ListView x:Name="TopicList" Grid.Row="1" SeparatorVisibility="None"
          RowHeight="70">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell Tapped="Cell_OnTapped">
                <StackLayout Padding="20,0,20,20">
                    <Border StrokeShape="RoundRectangle 30" HeightRequest="50"
                            StrokeThickness="3"
                            BackgroundColor="White">
                        <Border.Shadow>
                            <Shadow Opacity="0.5"
                                    Radius="3"
                                    Brush="Black"
                                    Offset="6,6" />
                        </Border.Shadow>
                        <!-- 可选：给Grid加x:Name方便识别 -->
                        <Grid x:Name="TopicGrid" ColumnDefinitions="*,*">
                            <Label Text="{Binding Name}"
                                   Grid.ColumnSpan="2"
                                   FontSize="22"
                                   FontAutoScalingEnabled="True"
                                   FontAttributes="Bold"
                                   VerticalTextAlignment="Center"
                                   Padding="15,0,0,0">
                            </Label>
                        </Grid>
                    </Border>
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

事件方法实现 #

private void Cell_OnTapped(object sender, EventArgs e)
{
    if (sender is not ViewCell cell) return;
    
    // 从ViewCell的Content开始逐层查找
    if (cell.Content is StackLayout stackLayout &&
        stackLayout.Children.FirstOrDefault() is Border border &&
        border.Child is Grid targetGrid)
    {
        // 这里成功获取到Grid引用，执行你的逻辑
        // 示例：targetGrid.BackgroundColor = Color.LightBlue;
    }
}

如果布局层级可能变化，也可以写一个通用的视觉树查找辅助方法，适配更复杂的结构：

private T FindVisualChild<T>(Element parent) where T : Element
{
    if (parent == null) return null;
    
    foreach (var descendant in parent.Descendants())
    {
        if (descendant is T target)
        {
            return target;
        }
    }
    return null;
}

// 调用示例
private void Cell_OnTapped(object sender, EventArgs e)
{
    if (sender is ViewCell cell)
    {
        var grid = FindVisualChild<Grid>(cell.Content);
        if (grid != null)
        {
            // 操作Grid
        }
    }
}

方法2：MVVM模式下通过Command传递Grid引用 #

如果项目采用MVVM架构，推荐用EventToCommandBehavior将点击事件转为Command，并直接把Grid作为参数传递：

XAML修改 #

<ListView x:Name="TopicList" Grid.Row="1" SeparatorVisibility="None"
          RowHeight="70">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout Padding="20,0,20,20">
                    <Border StrokeShape="RoundRectangle 30" HeightRequest="50"
                            StrokeThickness="3"
                            BackgroundColor="White">
                        <Border.Shadow>
                            <Shadow Opacity="0.5"
                                    Radius="3"
                                    Brush="Black"
                                    Offset="6,6" />
                        </Border.Shadow>
                        <Grid x:Name="TopicGrid" ColumnDefinitions="*,*">
                            <Label Text="{Binding Name}"
                                   Grid.ColumnSpan="2"
                                   FontSize="22"
                                   FontAutoScalingEnabled="True"
                                   FontAttributes="Bold"
                                   VerticalTextAlignment="Center"
                                   Padding="15,0,0,0">
                            </Label>
                        </Grid>
                    </Border>
                </StackLayout>
                <!-- 添加EventToCommandBehavior绑定点击事件 -->
                <ViewCell.Behaviors>
                    <EventToCommandBehavior EventName="Tapped"
                                            Command="{Binding BindingContext.CellTapCommand, Source={x:Reference TopicList}}"
                                            CommandParameter="{x:Reference TopicGrid}"/>
                </ViewCell.Behaviors>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

ViewModel实现 #

public ICommand CellTapCommand { get; }

public YourViewModel()
{
    CellTapCommand = new Command<Grid>(HandleCellTap);
}

private void HandleCellTap(Grid grid)
{
    if (grid == null) return;
    // 在这里操作Grid
}

补充说明 #

之前尝试的问题在于：ViewCell本身没有直接的子元素集合，但它的Content属性才是承载所有可视化元素的容器，所有布局和控件都嵌套在Content内部，因此从Content开始遍历就能找到目标Grid。

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