slider控件移动滑块，动态的显示tooltip方法！

最新推荐文章于 2024-09-21 08:34:47 发布
最新推荐文章于 2024-09-21 08:34:47 发布
阅读量5.3k 收藏 1
点赞数
文章标签： ttf tts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shen_001/article/details/6402094
版权
本文介绍了两种在Windows GUI程序中使用CSliderCtrl控件，结合CToolTipCtrl实现滑块移动时动态显示tooltip的方法。通过OnToolTipNotify消息处理和NM_CUSTOMDRAW通知，实现实时更新提示信息，达到类似暴风影音声音控制的效果。
摘要由CSDN通过智能技术生成

网页对这个的介绍也不少，但是都是转载。。都不能成功实现要求！！

本人亲自实验。。特发代码。。

 

第一种方法。

.h  文件

CSliderCtrl m_Slider;
CToolTipCtrl m_tooltip;
afx_msg BOOL OnToolTipNotify(UINT id,NMHDR *pNMHDR,LRESULT *pResult);

.cpp

 

BEGIN_MESSAGE_MAP(CCToolTipDlg, CDialog)

 

ON_NOTIFY_EX(TTN_NEEDTEXT,0,OnToolTipNotify) //添加消息

 

END_MESSAGE_MAP()

 

OnInitDialog（）

｛

m_Slider.SetRange(0,100);
 m_Slider.SetPos(50);
 m_tooltip.Create(GetDlgItem(IDC_SLIDER1));

m_tooltip.AddTool(GetDlgItem(IDC_SLIDER1), LPSTR_TEXTCALLBACK); //注释：红色表示tip内容可以动态改变！！

｝

 

PreTranslateMessage(MSG* pMsg)

｛

m_tooltip.RelayEvent(pMsg);  
 return CDialog::PreTranslateMessage(pMsg);

｝

 

OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* p

最低0.47元/天 解锁文章
shen_wei
关注
【愚公系列】2023年10月 WPF控件专题 Slider控件详解
时光隧道
08-08 5万+
WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。
怎样让elementui的slider 一直显示tooltip
YAN_wenhao的博客
12-01 7884
elementui的slider控件 <el-slider v-model="value1" :min="1" :max="100" :show-tooltip="true" :format-tooltip="formatTooltip" :disabled="isQuestion" ref="sli
vue2+element项目，通过伪类实现el-slider组件Tooltip永久显示，以及滑块滑动区分色块效果
qq_58441775的博客
04-19 3066
伪类，el-slider组件，Tooltip永久显示，Tooltip，el-slider，滑块滑动效果，vue2,elementui
CSS 实现带tooltip的slider
最新发布
阿尔法星球的专栏
09-21 1536
通过CSS可以精细控制滑块的轨道（track）和滑块（thumb）的外观。这包括但不限于尺寸、颜色、边框和阴影等样式。轨道样式：可以通过修改heightbackground等属性来定义轨道的外观。例如，设置height为4px可以创建一个细条轨道，而background属性可以定义轨道的颜色或渐变色。滑块样式：滑块的样式可以通过修改widthheight等属性来实现。通常，滑块会被设计为圆形或方形，且可以通过box-shadow添加阴影效果以增强立体感。
element-plus中el-slider默认显示tooltip，自定义样式
weixin_50790427的博客
04-02 1521
【代码】element-plus中el-slider默认显示tooltip，自定义样式。
Antd Slider滑动输入条 tooltip挂载问题
xuehao1997的博客
04-27 744
Antd Slider tooltip
vue2+elementui el-slider（两端滑动）改变滑块范围以及tooltip提示信息
weixin_42448252的博客
10-26 2198
element el-slider更改格式
自定义 Elementui Slider 滑块 样式
热门推荐
meguoe的博客
11-05 2万+
ElementUI 是一套ui组件库，提供了大量前端组件，但一些组件只提供了比较单一的样式，难免遇到要需求修改其默认样式的情况，本文就介绍一下个人在工作中对Elementui Slider 滑块样式修改的方法。 Elementui Slider 滑块官网：https://element.eleme.cn/#/zh-CN/component/slider 自定义Elementui Slide...
VC6.0中在CSliderCtrl控件移动滑块动态的显示tooltip
碧海恋天的博客
09-05 4549
最近做的一个项目中需要播放一个文件，需要在拖动“进度条”（用滑块控件模拟的）的过程中动态悬浮显示当前位置处播放文件内的特定内容。下面是使用CToolTipCtl类简单模拟该过程。 1、使用ClassWizard给CSliderCtrl控件关联一个CSliderCtrl类型的成员变量m_ctlSlider，在包含该滑块的对话框类中添加一个CToolTipCtl类型的成员变量m_objToolTip
Element中Slider滑块的具体使用
10-15
以上就是 Element UI 中 `Slider` 滑块组件的主要使用方法和特性，通过灵活组合这些属性，可以根据需求创建出各种各样的滑块控件。在实际开发中，记得结合 Element 的文档和示例，以获取更全面的信息。
QSlider滑块点击时在滑块上显示当前值
05-27
然而，标准的QSlider控件并不直接支持在滑块上显示当前值，这需要我们进行自定义扩展。 为了实现"QSlider滑块点击时在滑块上显示当前值"的功能，我们可以遵循以下步骤： 1. **创建自定义QSlider类**： 首先，我们...
Ant Design学习——Slider
qq_26057771的博客
12-27 3439
2021SC@SDUSC Slider滑动输入条 用法： 滑动型输入器，展示当前值和可选范围。 当用户需要在数值区间/自定义区间内进行选择时，可为连续或离散值。 参数 说明 类型 默认值 allowClear 支持清除, 单选模式有效 boolean false defaultValue 设置初始取值。当 range 为 false 时，使用 number，否则用 [number, number] number | [number, number] 0 | [0, 0] di
格式化与自定义Slider中显示的Tooltip
javasogo
08-28 621
实例演示了怎样利用dataTipFormatFunction格式化Slider中显示的Tooltip ，和通过css设置Tooltip的外观。在代码中你也会看到Slider的 tickInterval ，snapInterval， value， liveDragging 等属性的用法 代码： &lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;mx:...
基于Gradio的快速搭建AI算法可视化Web界面部署教程
Alexa_的博客
12-04 4027
视图框架：快速构建针对人工智能的 python 的 webApp 库，封装前端页面 + 后端接口 + AI 算法模型推理优势在于易用性，代码结构相比 Streamlit 简单，只需简单定义输入和输出接口即可快速构建简单的交互页面，更轻松部署模型。适合场景相对简单，想要快速部署应用的开发者；优势在于可扩展性，相比 Gradio 复杂。适合场景相对复杂，想要构建丰富多样交互页面的开发者。Gradio是一个开源的Python库，用于快速构建机器学习和数据科学演示的应用。
Python - Gradio 文档使用心得与文档解读
DreamingBetter的博客
03-31 2万+
前言 我也是第一天看，第一天用，读文档使用过程遇到的情况浅浅记录一下，直接进入正题。 创建Interface实例 这是Interface的参数 gradio.Interface(self, fn, inputs=None, outputs=None, examples=None, examples_per_page=10, live=False, layout="unaligned", interpretation=None, num_shap=2.0, theme=None, title=None, d
用element的el-slider写时间轴
weixin_60172238的博客
02-28 1366
jq动态写时间轴
【uniapp实现滑块，uview插件之Slider（u-slider） 滑动选择器】
m0_61702149的博客
07-01 6639
uniapp自定义滑块组件
动态添加tooltip
11-15
动态添加tooltip可以通过以下步骤实现： 1.创建一个tooltip控件对象。 2.使用Create函数创建tooltip控件。 3.使用AddTool函数将tooltip控件添加到需要显示tooltip的控件上。 4.使用Activate函数激活tooltip控件。 5.在需要更新tooltip文本时，使用UpdateTipText函数更新tooltip文本。 下面是一个示例代码，演示如何在滑块控件上动态添加tooltip： ```cpp // 创建tooltip控件对象 CToolTipCtrl m_ToolTip; // 在OnInitDialog函数中创建tooltip控件 BOOL CMyDialog::OnInitDialog() { CDialog::OnInitDialog(); // 创建tooltip控件 m_ToolTip.Create(this); // 将tooltip控件添加到滑块控件上 CSliderCtrl* pSlider = (CSliderCtrl*)GetDlgItem(IDC_SLIDER); m_ToolTip.AddTool(pSlider, _T("滑块控件")); // 激活tooltip控件 m_ToolTip.Activate(TRUE); return TRUE; } // 在OnHScroll函数中更新tooltip文本 void CMyDialog::OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar) { // 获取滑块控件的当前位置 CSliderCtrl* pSlider = (CSliderCtrl*)GetDlgItem(IDC_SLIDER); CString strText; strText.Format(_T("%d"), pSlider->GetPos()); // 更新tooltip文本 m_ToolTip.UpdateTipText(strText, pSlider); CDialog::OnHScroll(nSBCode, nPos, pScrollBar); } ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值