UWP WinUI2中如何在后台代码访问DataTemplate内的元素

错误原因 #

DataTemplate是批量生成UI元素的模板，其中定义的控件（比如你写的MyToolTip）属于模板内部元素，编译时不会在后台代码生成对应的绑定字段，所以直接用MyToolTip访问会提示“名称在当前上下文中不存在”。另外你后台代码里把sender强转为GridViewItem也有误——触发事件的是DataTemplate里的Grid，不是GridViewItem容器。

解决方案 #

修正逻辑步骤 #

1. 正确获取触发事件的Grid，并通过视觉树查找它所属的GridViewItem容器
2. 通过ToolTipService.GetToolTip方法获取绑定在Grid上的ToolTip实例，无需依赖x:Name
3. 在指针进入/退出时，针对禁用的GridViewItem手动控制ToolTip的显示状态

修改后的代码 #

后台代码

private void Grid_PointerEntered(object sender, Windows.UI.Xaml.Input.PointerRoutedEventArgs e)
{
    var grid = sender as Grid;
    if (grid == null) return;

    // 查找当前Grid所属的GridViewItem容器
    var gridViewItem = FindParent<GridViewItem>(grid);
    if (gridViewItem != null && !gridViewItem.IsEnabled)
    {
        var toolTip = ToolTipService.GetToolTip(grid) as ToolTip;
        toolTip?.IsOpen = true;
    }
}

private void Grid_PointerExited(object sender, Windows.UI.Xaml.Input.PointerRoutedEventArgs e)
{
    var grid = sender as Grid;
    if (grid == null) return;

    var toolTip = ToolTipService.GetToolTip(grid) as ToolTip;
    toolTip?.IsOpen = false;
}

// 通用视觉树父元素查找方法
private T FindParent<T>(DependencyObject child) where T : DependencyObject
{
    var parent = VisualTreeHelper.GetParent(child);
    if (parent == null) return null;

    return parent is T parentT ? parentT : FindParent<T>(parent);
}

XAML代码（可保留原结构，无需x:Name）

<DataTemplate x:Key="ImageTextTemplate" x:DataType="local1:CustomDataObject">
    <Grid AutomationProperties.Name="{x:Bind Title}" Width="280"
          PointerEntered="Grid_PointerEntered"
          PointerExited="Grid_PointerExited">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Image Source="{x:Bind ImageLocation}" Height="100" Stretch="Fill" VerticalAlignment="Top"/>
        <StackPanel Grid.Column="1" Margin="8,0,0,8">
            <TextBlock Text="{x:Bind Title}" Style="{ThemeResource SubtitleTextBlockStyle}" Margin="0,0,0,8"/>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{x:Bind Views}" Style="{ThemeResource CaptionTextBlockStyle}"/>
                <TextBlock Text=" Views " Style="{ThemeResource CaptionTextBlockStyle}"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{x:Bind Likes}" Style="{ThemeResource CaptionTextBlockStyle}" />
                <TextBlock Text=" Likes" Style="{ThemeResource CaptionTextBlockStyle}"/>
            </StackPanel>
        </StackPanel>
        <ToolTipService.ToolTip>
            <ToolTip Content="This is my tooltip" />
        </ToolTipService.ToolTip>
    </Grid>
</DataTemplate>

说明 #

• FindParent方法负责从触发事件的Grid向上遍历视觉树，找到它所在的GridViewItem容器
• 只在GridViewItem禁用时，才在指针进入时打开ToolTip，指针退出时关闭ToolTip
• 通过ToolTipService.GetToolTip获取实例，避开了DataTemplate内部控件无法直接通过x:Name访问的问题

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