如何在WPF中鼠标悬停时显示悬停信息气泡?

时间:2009-12-03 18:13:06

标签: c# wpf xaml hover mouseover

当鼠标悬停在 TextBlock 上时,我想显示文字气泡

以下代码是我能得到的最接近的代码,但它只是将文本注入TextBox.Text本身并更改颜色。我想要一个例如在鼠标悬停期间,边框/ StackPanel / TextBlock位于原始文本块浮动在不同图层上方。

如何使用acronym tag制作类似于网络体验的悬停式面板?

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;

namespace TestHover29282
{
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();

            TextBlock tb = new TextBlock();
            tb.Text = "test";

            tb.MouseEnter += new MouseEventHandler(tb_MouseEnter);
            tb.MouseLeave += new MouseEventHandler(tb_MouseLeave);

            MainStackPanel.Children.Add(tb); 
        }

        void tb_MouseLeave(object sender, MouseEventArgs e)
        {
            TextBlock tb = sender as TextBlock;
            tb.Background = new SolidColorBrush(Colors.Transparent);
            tb.Text = "test";
        }

        void tb_MouseEnter(object sender, MouseEventArgs e)
        {
            TextBlock tb = sender as TextBlock;
            tb.Background = new SolidColorBrush(Colors.Orange);
            tb.Text += " - this should be in a popup bubble.";
        }

    }
}

2 个答案:

答案 0 :(得分:41)

有几种方法可以做到,一种是使用带有自定义样式的工具提示。 或者,您可以使用弹出控件,第三个选项是使用装饰器。

我的直觉说你想要一个tooltip,然后。

<TextBlock ToolTip="stuff, could even be a custom control, etc" Text="my text" />

然后,您可以使用ToolTipService可附加属性为所述工具提示设置各种选项,从延迟到工具提示位置

答案 1 :(得分:4)