文本块可见性通过按钮悬停更改 WPF

本文关键字:悬停 WPF 按钮 可见性 文本 | 更新日期: 2023-09-27 18:33:05

我正在编写一个小应用程序,我卡在了以下一点上:

我的按钮在代码中有几个参数,我想在单独的文本块中显示值。

当我将鼠标悬停在按钮上

时,是否可以更改文本块的可见性,以便参数仅在将鼠标悬停在按钮上时才可见?

文本块可见性通过按钮悬停更改 WPF

XAML 解决方案:

<Grid>
    <Grid.Resources>
        <converters:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
    </Grid.Resources>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <TextBlock Text="Foo" Visibility="{Binding IsMouseOver, ElementName=Foo, Converter={StaticResource BooleanToVisibilityConverter}}"/>
    <TextBlock Grid.Row="1" Text="Bar" Visibility="{Binding IsMouseOver, ElementName=Bar, Converter={StaticResource BooleanToVisibilityConverter}}"/>
    <Button x:Name="Foo" Grid.Column="1" Content="Foo"/>
    <Button x:Name="Bar" Grid.Row="1" Grid.Column="1" Content="Bar"/>
</Grid>

其中converters命名空间声明为:

xmlns:converters="clr-namespace:System.Windows.Controls;assembly=PresentationFramework" 

当然有,使用按钮MouseEnter事件。 类似以下内容的内容可以正常工作:

button1_MouseEnter(object sender, EventArgs e)
{
    textBlock1.Visibility = Visibility.Visible;
}

然后,若要使其隐藏,请使用 MouseLeave 事件:

button1_MouseLeave(object sender, EventArgs e)
{
    textBlock1.Visibility = Visibility.Hidden;
}