用WPF实现在ListView中的鼠标悬停Tooltip显示

原文:用WPF实现在ListView中的鼠标悬停Tooltip显示

一、具体需求描述

在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实现在ListView中的鼠标悬停Tooltip显示相关推荐

html 鼠标悬停显示竖线,【惊呆了，还能这样玩】Excel 图表中的鼠标悬停交互技术...
图表上的鼠标悬停交互技术,可以实现一种高级的选择器和交互手段,当用户把鼠标悬停在图表的某个元素.数据点上时,我们可以利用图表事件捕获到,并用这个结果去驱动一个动态图表,实现动态图表和交互效果. 在&l ...
【Qt一骚操作】Qt 开发中触发鼠标悬停事件
Qt 开发中触发鼠标悬停事件 (1)setAttribute( Qt::WA_Hover,true) //在构造函数中 ui->btnGetRadarPara->setAttribute( ...
【Web】CSS实现鼠标悬停实现显示与隐藏特效
鼠标悬停实现显示与隐藏特效简单记录 - 慕课网 Web前端步骤四:鼠标悬停实现显示与隐藏特效初步掌握定位的基本使用,以及CSS选择器更高级的运用,完成一个网页中必会的鼠标经过隐藏显示特效. 实现 ...
CSS文字超出部分用省略号代替，js鼠标悬停时显示全部文本
需求: 宽度为百分比,随浏览器变化而变化,当窗口变小到一定程度,文字超出部分用省略号代替,当文字出现省略号,需要鼠标悬停时显示全部文本. 文字超出部分用省略号代替 width:overflow: hi ...
js,jq表格/文本内容溢出，用三个点替代，鼠标悬停时显示全部内容
项目中遇到如果表格内容太多的话页面会很丑,所以想到给表格一个最大宽度之类的,当内容超出时用三个点代替超出的部分,当鼠标悬停时显示全部的信息,下面百度到两个案例,都可以实现: 1.在表格下面在添加一模一 ...
鼠标悬停时显示图片，不悬停时，隐藏图片
场景:让某元素本身在屏幕中不可见.如:鼠标:hover之后元素隐藏常见属性: visibility: hidden display: none 区别: visibility: hidden 隐藏元素 ...
selenium 鼠标悬浮_处理Selenium3+python3定位鼠标悬停才显示的元素
先给大家介绍下Selenium3+python3--如何定位鼠标悬停才显示的元素定位鼠标悬停才显示的元素,要引入新模块 # coding:utf-8 from selenium import web ...
CSS3鼠标悬停图片显示遮罩特效
transform:translateY(50px); transform:translateY(0px); 这两行代码实现了元素从下向上移动 opacity:0; opacity:0.5; 遮罩是通 ...
实现对ListView中的条目进行排序
1.对ListView中的条目进行排序我的思路就是在我们队ListView进行设置Adapter的时候就先对List中的数据进行排序,对List进行排序就可以通过 Collections.sort() ...

用WPF实现在ListView中的鼠标悬停Tooltip显示

一、具体需求描述

二、代码实现

三、心得

用WPF实现在ListView中的鼠标悬停Tooltip显示相关推荐

最新文章

热门文章