WinUI中如何在代码后置绑定到上级元素属性？

先指出你代码中的明显错误 #

• Button的x:Name="SomeButton缺少闭合引号
• Binding语法错误：{Binding Path=PropertyInCodeBehind, ElementName=View//or even the user control" 未闭合花括号，注释写法不符合XAML规范，ElementName赋值格式错误

核心问题说明 #

ListView的ItemTemplate属于DataTemplate，其默认数据上下文是当前列表项对象，直接用ElementName绑定会因名称作用域限制无法找到上级元素。以下是两种可行的实现方案：

方案1：使用RelativeSource绑定到上级控件 #

通过RelativeSource向上查找指定类型的父元素，绑定其DataContext中的代码后置属性。

代码后置（示例：MainPage.xaml.cs） #

需要实现INotifyPropertyChanged接口，确保属性变化能通知UI更新：

public sealed partial class MainPage : Page, INotifyPropertyChanged
{
    public event PropertyChangedEventHandler? PropertyChanged;

    private Visibility _propertyInCodeBehind = Visibility.Visible;
    public Visibility PropertyInCodeBehind
    {
        get => _propertyInCodeBehind;
        set
        {
            if (_propertyInCodeBehind != value)
            {
                _propertyInCodeBehind = value;
                PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(PropertyInCodeBehind)));
            }
        }
    }

    public MainPage()
    {
        this.InitializeComponent();
        // 可测试属性变更：PropertyInCodeBehind = Visibility.Collapsed;
    }
}

XAML代码 #

<!-- 给页面设置x:Name方便后续绑定，也可直接绑定到ListView -->
<Page x:Class="YourNamespace.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:YourNamespace"
      x:Name="MainPageRoot">

    <ListView x:Name="View" ItemsSource="{x:Bind Model.Objects, Mode=OneWay}">
        <ListView.ItemTemplate>
            <!-- 替换local:YourDataType为你的列表项数据类型 -->
            <DataTemplate x:DataType="local:YourDataType">
                <StackPanel Margin="8" Orientation="Horizontal">
                    <StackPanel Orientation="Vertical">
                        <!-- 绑定到页面的PropertyInCodeBehind属性 -->
                        <Button Content="测试按钮"
                                Visibility="{Binding Path=DataContext.PropertyInCodeBehind, 
                                                    RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Page}}"/>
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Page>

方案2：使用x:Bind结合ElementName #

WinUI的x:Bind支持跨DataTemplate的ElementName绑定，只要正确指定外部元素的名称。

XAML代码 #

<Page x:Class="YourNamespace.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:YourNamespace"
      x:Name="MainPageRoot">

    <ListView x:Name="View" ItemsSource="{x:Bind Model.Objects, Mode=OneWay}">
        <ListView.ItemTemplate>
            <DataTemplate x:DataType="local:YourDataType">
                <StackPanel Margin="8" Orientation="Horizontal">
                    <StackPanel Orientation="Vertical">
                        <!-- 直接绑定到页面的PropertyInCodeBehind属性 -->
                        <Button Content="测试按钮"
                                Visibility="{x:Bind ElementName=MainPageRoot, Path=PropertyInCodeBehind, Mode=OneWay}"/>
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Page>

代码后置 #

与方案1完全一致，需实现INotifyPropertyChanged接口。

关键注意点 #

• 代码后置的属性必须实现INotifyPropertyChanged接口，否则属性变更无法同步到UI
• DataTemplate内的默认上下文是列表项对象，必须通过RelativeSource或x:Bind+ElementName突破作用域限制
• 确保XAML语法规范，比如引号闭合、绑定格式正确

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