正文 

当前位置： 首页 > 知识 >

如何使悬停信息气泡出现在 WPF 中的鼠标悬停上？

     2023-02-22     39

关键词：

【中文标题】如何使悬停信息气泡出现在 WPF 中的鼠标悬停上？【英文标题】：How can I make a hover info bubble appear on mouseover in WPF? 【发布时间】：2010-12-22 22:39:48 【问题描述】：

我想让文本气泡在鼠标悬停在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.";

【问题讨论】：

【参考方案1】：

您可以使用多种方法，一种是使用带有自定义样式的工具提示。 或者，您可以使用弹出控件，第三种选择是使用装饰器。

我的直觉说你想要一个tooltip，但是。

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

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

【讨论】：

【参考方案2】：

Tooltip property

【讨论】：

当我将鼠标悬停在另一个 div 上时，如何使文本出现在一个 div 中？

】当我将鼠标悬停在另一个div上时，如何使文本出现在一个div中？【英文标题】：HowdoImaketextappearinadivwhenIhoveroveranother?【发布时间】：2021-02-0313:38:15【问题描述】：我已经为我的网站创建了一个主页，其中包含所有方面的概述。... 查看详情

用wpf实现在listview中的鼠标悬停tooltip显示(代码片段)

原文:用WPF实现在ListView中的鼠标悬停Tooltip显示一、具体需求描述   在WPF下实现，当鼠标悬停在ListView中的某一元素的时候能弹出一个ToolTip以显示需要的信息。二、代码实现在.XMAL文件中 CodeCodehighlightingproducedbyActipr... 查看详情

如何删除 WPF 按钮上的默认鼠标悬停效果？

】如何删除WPF按钮上的默认鼠标悬停效果？【英文标题】：Howtoremovedefaultmouse-overeffectonWPFbuttons?【发布时间】：2011-04-2017:43:45【问题描述】：我的问题是，在WPF中，每当我尝试使用触发器或动画更改按钮背景的颜色时，默认的鼠... 查看详情

仅当我将鼠标悬停在其上时如何使图像出现

】仅当我将鼠标悬停在其上时如何使图像出现【英文标题】：HowtomakeimageappearonlywhenIhoveronit【发布时间】：2020-02-0810:31:23【问题描述】：我希望我的图像仅在我将鼠标悬停时出现，我尝试将它放在样式部分但它不起作用。这段代... 查看详情

如何在我拥有的每个 y 轴值上添加气泡以及如何为每个值添加鼠标悬停功能？

】如何在我拥有的每个y轴值上添加气泡以及如何为每个值添加鼠标悬停功能？【英文标题】：HowdoIaddbubblesoneachofthey-axisvaluesthatIhaveandhowdoIaddmouseoverfunctionforeachofthem?【发布时间】：2014-09-1221:12:25【问题描述】：<!DOCTYPEhtml><m... 查看详情

删除 WPF 中 ListView 上的鼠标悬停效果

...naListViewinWPF【发布时间】：2013-06-1520:06:13【问题描述】：如何让我的ListView上的淡蓝色鼠标悬停效果？当我触摸屏幕时，会出现一个淡蓝色选择器，并在我上下滚动时停留在屏幕中间（但以深蓝色突出显示的所选项目不会改变）... 查看详情

如何在 WPF 中删除鼠标悬停时的按钮发光

】如何在WPF中删除鼠标悬停时的按钮发光【英文标题】：HowtoremoveGlowofButtononMousehoverinWPF【发布时间】：2013-08-0922:33:53【问题描述】：我在WPF中使用了一个简单的按钮。我已经在背景上放置了按钮的图像。我的问题是，当我将鼠... 查看详情

如何将鼠标悬停在子元素上而不悬停在 CSS 中的父元素上？

】如何将鼠标悬停在子元素上而不悬停在CSS中的父元素上？【英文标题】：HowdoIhoveroverachildelementwithouthoveringovertheparentinCSS?【发布时间】：2017-04-1909:59:51【问题描述】：是否可以将鼠标悬停在嵌套的子元素上而不触发父元素上的... 查看详情

如何使用 CSS 使文本出现在悬停时的图像顶部

】如何使用CSS使文本出现在悬停时的图像顶部【英文标题】：HowtoGetTextToAppearOnTopofImageOnHoverWithCSS【发布时间】：2017-11-2803:48:22【问题描述】：目前，当您将鼠标悬停在图像上时，不透明度会变浅：https://jsfiddle.net/vo1npqdx/1268/这是... 查看详情

悬停在链接上时如何淡入内容？

】悬停在链接上时如何淡入内容？【英文标题】：Howtofadeincontentwhenhoveringoveralink?【发布时间】：2011-07-0714:17:03【问题描述】：当鼠标悬停在链接上时，我正在尝试使内容淡入或出现在我的博客上。例如，在我的博客http://www.ricard... 查看详情

使图像出现在链接悬停css上

】使图像出现在链接悬停css上【英文标题】：Makeimageappearonlinkhovercss【发布时间】：2013-10-1617:27:17【问题描述】：我正在使用这个可能很简单的解决方案，但我在***或与此特定问题相关的互联网上找不到任何帮助。我有一个菜单... 查看详情

如何在 WPF 中悬停时更改图像？

】如何在WPF中悬停时更改图像？【英文标题】：HowdoIchangeanimageonhoveroverinWPF?【发布时间】：2010-12-0222:34:29【问题描述】：当我将鼠标悬停在图像上时如何更改图像？到目前为止，我只有：<ImageHeight="32"Source="/images/Save32.png"/>... 查看详情

如何使边框过渡从左到右（边框出现在悬停时）

】如何使边框过渡从左到右（边框出现在悬停时）【英文标题】：Howtomakebordertransitiongolefttoright(theborderappearsonhover)【发布时间】：2022-01-2103:19:26【问题描述】：因此，当您将鼠标悬停在链接上时，我试图让过渡/动画出现。它应... 查看详情

悬停时如何使引导按钮消失

】悬停时如何使引导按钮消失【英文标题】：HowcanImakemybootstrapbuttonsfadewhenhovered【发布时间】：2017-07-0413:55:41【问题描述】：我刚开始使用引导程序，并在我的页面上创建了一些导航按钮，它们太棒了！但是当你将鼠标悬停在按... 查看详情

如何在鼠标悬停时显示工具提示或项目信息？

】如何在鼠标悬停时显示工具提示或项目信息？【英文标题】：howcanIdisplaytooltiporiteminformationonmouseover?【发布时间】：2011-02-2820:08:20【问题描述】：我在一个屏幕上显示5userImage。我想在这些userImage上的mouseover上显示userID和email。... 查看详情

jQuery Time 鼠标悬停在元素上（悬停）

】jQueryTime鼠标悬停在元素上（悬停）【英文标题】：jQueryTimemouseisoverelement(Hover)【发布时间】：2011-06-0204:16:42【问题描述】：我在几个链接上附加了一个悬停事件，当你越过它时会出现一个框。有没有一种方法可以让悬停事件仅... 查看详情

在情节中悬停文本问题

...移动鼠标或放大非常接近峰值，否则很难看到悬停文本。如何解决此问题以使悬停文本绕过我的鼠标在峰值上出现，即使峰值非常薄，就像在这个例子中一样？library(plotly)out=data.frame( 查看详情

将鼠标悬停在地图上时，如何使地图的区域改变颜色？

】将鼠标悬停在地图上时，如何使地图的区域改变颜色？【英文标题】：HowcanImakethemap\'sregionschangecolorwhenhoverthemouseoverit?【发布时间】：2015-02-1318:24:02【问题描述】：我正在使用来自codecanyon的interactivemap。我想进行更改，以便当... 查看详情