WPF MVVM模式下实现类库Button悬停更新项目TextBlock内容

1. 给自定义Button添加依赖属性 #

先在类库的自定义Button类中，新增一个用于存储悬停提示文本的依赖属性，命名为HoverText，方便后续在代码或XAML中指定要显示的内容：

public class CustomButton : Button
{
    // 定义HoverText依赖属性
    public static readonly DependencyProperty HoverTextProperty =
        DependencyProperty.Register("HoverText", typeof(string), typeof(CustomButton), new PropertyMetadata(string.Empty));

    public string HoverText
    {
        get => (string)GetValue(HoverTextProperty);
        set => SetValue(HoverTextProperty, value);
    }
}

2. 完善Button的Style（类库中） #

你已有的Style可以保留，还能按需添加Button悬停时的视觉变化，核心是让IsMouseOver状态能被外部绑定感知：

<Button.Style>
    <Style TargetType="{x:Type local:CustomButton}">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <!-- 可选：添加Button悬停时的视觉效果，比如修改背景色 -->
                <Setter Property="Background" Value="#FFE0E0E0"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Button.Style>

3. MVVM模式下的绑定实现 #

结合MVVM模式，你可以在ViewModel中添加属性跟踪Button的悬停状态，再让TextBlock绑定对应内容：

ViewModel代码示例

public class MainViewModel : INotifyPropertyChanged
{
    private bool _isButtonHovered;
    public bool IsButtonHovered
    {
        get => _isButtonHovered;
        set
        {
            _isButtonHovered = value;
            OnPropertyChanged();
        }
    }

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

代码创建Button并设置绑定

// 实例化自定义Button
var customBtn = new CustomButton();
customBtn.HoverText = "鼠标悬停时显示的内容";
// 将Button的IsMouseOver绑定到ViewModel的IsButtonHovered属性
Binding hoverBinding = new Binding("IsButtonHovered")
{
    Source = DataContext, // 确保当前DataContext已设置为ViewModel实例
    Mode = BindingMode.TwoWay
};
customBtn.SetBinding(CustomButton.IsMouseOverProperty, hoverBinding);

// 将Button添加到容器控件中
yourContainer.Children.Add(customBtn);

TextBlock的XAML绑定

<TextBlock>
    <TextBlock.Style>
        <Style TargetType="TextBlock">
            <Setter Property="Text" Value=""/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsButtonHovered}" Value="True">
                    <!-- 绑定到Button的HoverText属性 -->
                    <Setter Property="Text" Value="{Binding ElementName=customBtn, Path=HoverText}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBlock.Style>
</TextBlock>

4. 纯XAML简化方案（无需ViewModel） #

如果不需要ViewModel介入状态管理，可直接让TextBlock绑定Button的状态和属性，记得先添加布尔值转可见性的转换器：

<Window.Resources>
    <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
</Window.Resources>

<!-- 假设Button的x:Name为customBtn -->
<TextBlock Text="{Binding ElementName=customBtn, Path=HoverText}"
           Visibility="{Binding ElementName=customBtn, Path=IsMouseOver, Converter={StaticResource BooleanToVisibilityConverter}}"/>

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