如何通过数据绑定关联TextBlock可见性与MenuItem的IsChecked属性？

嘿，这问题我熟！要让MenuItem的勾选状态联动TextBlock的可见性，用WPF的数据绑定就能轻松搞定，给你两种实用方案：

方案一：直接元素绑定（简单场景首选） #

这种方式不用额外写ViewModel，直接在XAML里就能搞定：

1. 给MenuItem加命名并添加转换器
   先在Window的资源里添加布尔转可见性的转换器，同时给MenuItem设置x:Name方便后续绑定：

<Window.Resources>
    <!-- 添加布尔转可见性转换器 -->
    <BooleanToVisibilityConverter x:Key="BoolToVisConverter"/>
    <ContextMenu x:Key="conmenu">
        <!-- 给MenuItem命名，方便绑定 -->
        <MenuItem x:Name="LatLongMenuItem" Header="Lat/Long Info" IsCheckable="True" IsChecked="True"/>
    </ContextMenu>
</Window.Resources>

2. 绑定TextBlock的Visibility
   修改你的TextBlock，把它的Visibility直接绑定到MenuItem的IsChecked属性，用刚才定义的转换器：

<TextBlock Text="Change my Visibility" Margin="50" 
           Visibility="{Binding IsChecked, ElementName=LatLongMenuItem, Converter={StaticResource BoolToVisConverter}}"/>

这样勾选MenuItem时TextBlock显示，取消勾选就隐藏，完美联动！

方案二：MVVM模式（复杂应用推荐） #

如果你的项目是用MVVM架构，更推荐用ViewModel来管理状态，扩展性更强：

1. 添加转换器和绑定MenuItem
   同样先在资源里加转换器，然后把MenuItem的IsChecked绑定到ViewModel的属性：

<Window.Resources>
    <BooleanToVisibilityConverter x:Key="BoolToVisConverter"/>
    <ContextMenu x:Key="conmenu">
        <MenuItem Header="Lat/Long Info" IsCheckable="True" 
                  IsChecked="{Binding IsLatLongInfoVisible, Mode=TwoWay}"/>
    </ContextMenu>
</Window.Resources>

2. 创建ViewModel类
   写一个实现INotifyPropertyChanged的ViewModel，用来维护勾选状态：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class MainViewModel : INotifyPropertyChanged
{
    // 初始状态设为True，和MenuItem默认IsChecked一致
    private bool _isLatLongInfoVisible = true;
    public bool IsLatLongInfoVisible
    {
        get => _isLatLongInfoVisible;
        set
        {
            if (_isLatLongInfoVisible != value)
            {
                _isLatLongInfoVisible = value;
                // 通知UI属性变化
                OnPropertyChanged();
            }
        }
    }

    // 实现INotifyPropertyChanged接口
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

3. 设置Window的DataContext
   在Window的构造函数里把ViewModel实例赋值给DataContext：

public MainWindow()
{
    InitializeComponent();
    DataContext = new MainViewModel();
}

4. 绑定TextBlock的Visibility
   最后给TextBlock绑定ViewModel的属性：

<TextBlock Text="Change my Visibility" Margin="50" 
           Visibility="{Binding IsLatLongInfoVisible, Converter={StaticResource BoolToVisConverter}}"/>

两种方案都能实现你的需求，选哪种看你的项目复杂度就行～

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