正文

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

lonelyxmas  lonelyxmas  2023-01-01  490

关键词：

一、具体需求描述

在WPF下实现，当鼠标悬停在ListView中的某一元素的时候能弹出一个ToolTip以显示需要的信息。

二、代码实现

在.XMAL文件中

Code
<Window.Resources>
        <DataTemplate x:Key="dataTemplateCheckBox">
            <StackPanel Orientation="Horizontal">
                <CheckBox Name="listchk" />
            </StackPanel>
        </DataTemplate>
        <ToolTip x:Key="InforTip">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="Name：" />
                <TextBlock Text="Binding Path=Name"/>
                <TextBlock Text="Type：" />
                <TextBlock Text="Binding Path=ClassDisplayText"/>
            </StackPanel>
        </ToolTip>
        <Style x:Key="InforTipStyle" TargetType="x:Type ListViewItem">
            <Setter Property="ToolTip" Value="Binding Source=StaticResource InforTip" />
        </Style>
</Window.Resources>

在listview 元素中加入ItemContainerStyle="StaticResource InfoTipStyle"

如下所示代码：

Code
        <ListView Margin="10,41,12,52" Name="listDevice" VirtualizingStackPanel.IsVirtualizing="False" ItemContainerStyle="StaticResource InforTipStyle">
             <ListView.View>
                 <GridView>
                    <GridViewColumn Header="Device Name" DisplayMemberBinding="Binding Path=Name" Width="200">
                    </GridViewColumn>
                    <GridViewColumn Header="Device Type" DisplayMemberBinding="Binding Path=ClassDisplayText" Width="100"/>
                </GridView>
            </ListView.View>
        </ListView>

三、心得

调用顺序就是listview呈现出预定的style, InfoTipStyle 调用声明好的tooltip。

由于是刚刚接触WPF，所以对很多东西都没有太多心得。希望大家积极参与讨论…… 如果你也在学习WPF可以联系我哦！

ps:另外大家还可以参考下这个网址下的文章…… 我就是从这里得到的启示！

http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/1508ee76-674c-42cf-88f6-1237d039f65f

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

】如何使悬停信息气泡出现在WPF中的鼠标悬停上？【英文标题】：HowcanImakeahoverinfobubbleappearonmouseoverinWPF?【发布时间】：2010-12-2222:39:48【问题描述】：我想让文本气泡在鼠标悬停在TextBlock上时出现。以下代码是我能得到的最接近... 查看详情

wpf--鼠标右键菜单中的command命令实现

一个功能，在ListView中的ListBoxItem控件上实现右键菜单关闭选项，将该ListBoxItem从ListView中删除。利用RoutedCommand类创建Command命令，MSDN上将其定义为一个实现ICommand并在元素树之内进行路由的命令。 C#代码：privateRoutedCommandcloseCm... 查看详情

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

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

在鼠标悬停时制作标签下划线

】在鼠标悬停时制作标签下划线【英文标题】：Makinglabelunderlineonmousehover【发布时间】：2014-01-1815:49:50【问题描述】：当我用鼠标输入标签时，我需要在标签下划线。我怎样才能做到这一点？我尝试了几个选项，但没有奏效。谁... 查看详情

WPF：如何在拖动 ListView 项目时允许在 ListView 中使用鼠标滚轮滚动？

】WPF：如何在拖动ListView项目时允许在ListView中使用鼠标滚轮滚动？【英文标题】：WPF:HowdoIallowscrollingwiththemousewheelinaListViewwhiledraggingListViewitems?【发布时间】：2010-10-2921:56:50【问题描述】：我在我的WPF应用程序中实现了ListView的... 查看详情

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

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

wpflistviewdatatemplate方式的鼠标悬停和选中更改背景色

今天使用wpf技术弄一个ListView的时候，由于需求需要，需要ListView显示不同的数据模板，很自然的使用了DataTemplate方式来定义多个数据模板，并在ListView中使用ItemTemplateSelector绑定模板。添加上数据源显示后... 查看详情

wpf入门教程系列二十——listview示例

第四步、WPF后台逻辑代码编写在后台用EntityFramework6.1的CodeFirst方式获取数据库中的数据。同时，在“刷新”按钮的方法中进行数据绑定。操作步骤如下：1) 在“刷新”按钮上使用鼠标右键，单击，会弹出“属性”窗口。如下... 查看详情

wpf的listview的问题。如何实现鼠标移动到某一行，该行中的button列的button的属性设为visible（可见）。

listview中定义几个列，其中一列是buttonbutton的默认是不可见的，其余是数据列。listview的itemSource是一个自定义类型的对象list。所有的listviewitem都是通过绑定自定义对象的属性自动生成的。问题是，如何实现鼠标移动到某一行，该... 查看详情

仅当右键单击鼠标悬停在特定的 datagridrow WPF C# 上时才显示 ContextMenu

】仅当右键单击鼠标悬停在特定的datagridrowWPFC#上时才显示ContextMenu【英文标题】：ShowContextMenuonlywhenRightclickedmouseisoveronaspecificdatagridrowWPFC#【发布时间】：2022-01-1502:12:58【问题描述】：我有一个带有数据网格的页面-->下面的xaml... 查看详情

wpf程序里，有一个listview，想要在其中拖动鼠标，生成一个矩形框，并选中矩形框中的item元素，该怎么做

类似于在windows桌面上用鼠标选择多个图标一样定义一个样式就行了~很简单。样式里面有状态和触发器，你可以为treeviewitem定义样式，设置状态过度。追问还能具体些么？最好有例子矩形框之类的怎么绘制出来追答矩形框用border... 查看详情

c#wpf中一个窗体中的texbox内容显示另一个窗体中的listview中的内容。如何实现

...术A数据绑定代码方法：Bindingbinding=newBinding();binding.Source=listview1;//源binding.Path=newPropertyPath("SelectedItem.Header");//源选中项的Header属性textBlock1.SetBinding(TextBox.TextProperty,binding);//自己的属性xaml方法:<TextboxName="textbox1"text... 查看详情

用css变量实现鼠标悬停动效

...天在微信公众号JavaScript里看到一篇文章---《利用CSS变量实现令人震惊的悬浮效果》，觉得好好看好好玩，就自己动手写了一下。　　页面DOM。1<divclass="button"><span>HovermeI‘mawesome</span></div> 鼠标悬停动效，顾... 查看详情

子控件的 WPF 鼠标悬停触发效果

】子控件的WPF鼠标悬停触发效果【英文标题】：WPFMouseoverTriggerEffectforChildControls【发布时间】：2011-12-0118:47:51【问题描述】：假设我有这段代码：<Window><Window.Resources><Colorx:Key="MyColor"A="255"R="152"G="152"B="152"/><DropShadow... 查看详情

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

...inWPF?【发布时间】：2010-12-0222:34:29【问题描述】：当我将鼠标悬停在图像上时如何更改图像？到目前为止，我只有：<ImageHeight="32"Source="/images/Save32.png"/>【问题讨论】：【参考方案1】：您需要在IsMouseOver属性上使用Trigger来修... 查看详情

jquery可拖动和鼠标悬停

...开的下拉菜单。我正在使用jqueryui中的可拖放和可拖放来实现一些拖放功能。似乎菜单的鼠标悬停事件在拖动时不会触发，有没有办法让它们工作？我已经实现如下（简化）：$(\'#some_id\').draggable(helper:\'clone\',o 查看详情

wpf入门教程系列十九——listview示例

...ity表中读取城市信息数据，然后展示到WPF的Window上的一个ListView上。2) 数据联动功能。当鼠标左键选中ListView中的某一条记录时，在ListView框下面文本框中显示详细信息。3) 查看详情

如何测试在悬停/鼠标悬停时调用了 Vue 指令？

】如何测试在悬停/鼠标悬停时调用了Vue指令？【英文标题】：HowtotestthataVuedirectivesiscalledonhover/mouseover?【发布时间】：2020-01-1902:25:34【问题描述】：我尝试测试来自bootstrap-vue的b-tooltip.hover指令在悬停时被调用。似乎即使没有触... 查看详情