Qt —— 自定义鼠标点击样式（附：源码）

已于 2025-03-27 18:24:24 修改
阅读量1.6k 收藏 2
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Qt 文章标签： Qt
于 2019-11-08 23:35:12 首次发布
automoblie0
本文链接：https://blog.youkuaiyun.com/automoblie0/article/details/102981764
博主因伤痛无法正常活动，从手游屏幕录制中获取灵感，在Qt中实现了自定义的鼠标点击特效，包括‘圈圈’、‘卍文’和‘弹文’三种效果。文章介绍了特效实现的基本思路和关键代码，鼓励读者尝试理解并应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

🔔 Qt 相关技术、疑难杂症文章合集（掌握后可自封大侠 ⓿_⓿）（记得收藏，持续更新中…）

 

来由

     上周右手大拇指被自家车门夹伤，， 无奈被迫拔甲手术，，以至疼痛不能发文、禁食等等造成很多不便，哎 再次敲钟稳稳的幸福。。而后就连心念的手游农药也，，看看朋友直播缓解度日。注意到在录制屏幕时操控软件的一些特效，故有了此篇文章。疼痛让我恨恨不平，代码与当前文字很多地方不尽人意 但还是出了点东西，希望观友喜欢。近期将内容方向侧重文字面。
     下面，继续。。

 

正文

     真相只有一个：
在这里插入图片描述
 
     如上图，颜色、宽度不闲扯了，捡一些比较实在的说说流程。"圈圈"特效其实就是绘制了一个圆，但这个圆的半径是根据时间变化逐渐放大直到够大消失，我们要做的是控制好半径扩大与位置的移动仅此而已。"卍文"特效，那么就相比下简单一点，先是记录了点击位置然后按位置画形状，这里需要注意点的是坐标位置的变换和结束消失配合时间自动增加大小。"弹文"特效嘛，比上面两个就更为嗨皮了

了解本专栏 订阅专栏 解锁全文 超级会员免费看
自定义Qt光标样式
FucMobile的博客
09-18 338
通过使用QCursor类，我们可以加载自定义的光标图像或使用预定义的光标样式。这样，我们可以根据应用程序的需求来为应用程序或特定的窗口部件设置适合的光标样式，从而提升用户体验。除了使用图像来定义光标样式之外，Qt还提供了一些内置的光标样式，可以通过预定义的枚举类型Qt::CursorShape来设置。除了设置应用程序的光标样式，我们还可以为特定的窗口部件设置光标样式。通过使用Qt提供的这些预定义的光标样式，我们可以根据应用程序的需求来选择合适的光标效果。函数，我们将自定义光标设置为应用程序的光标。
Qt应用程序中的光标样式
cl6789的博客
09-13 341
无论是使用内置的光标类型还是自定义的光标图像，Qt提供了简单而灵活的方式来满足不同的需求。在Qt中，光标是通过QCursor类表示的。在Qt应用程序开发中，光标样式是一个常见的需求。通过设置光标样式，可以改变光标的外观，以提供更好的用户体验。本文将介绍如何在Qt应用程序中设置光标样式，并提供相应的源代码示例。类的构造函数创建了一个自定义光标对象，并将加载的图像作为参数传递给构造函数。除了内置的光标类型，Qt还支持自定义光标。是一个内置的光标类型，表示手型光标。函数将应用程序的光标设置为自定义光标。
Qt设置鼠标光标样式
weixin_39868379的博客
04-26 4339
问题描述： 有时候我们希望鼠标在进入不同的UI控件的时候切换成不同的样式。 解决方法： 使用 QWidget.setCursor() 就可以对光标样式进行设置. QWidget.setCursor接受的是一个QCursor类型的对象，在QCursor类型的对象中可以传入Qt预制好的光标样式。 举例： my_widget = QtWidgets.Qwidget() my_widget.setCursor(QtGui.QCursor(QtCore.Qt.SizeHorCursor)) Qt提供的光标样式和对应
QtGUI模块功能详细说明，图标和光标（七）
最新发布
u013230469的博客
05-13 1117
本文详细介绍了Qt GUI模块中图标和光标管理的相关内容，主要分为QIcon、QCursor和QIconEngine三个部分。QIcon部分涵盖了图标的创建、多分辨率支持、状态管理及其在Qt部件中的应用；QCursor部分介绍了预定义光标样式、自定义光标形状及其在部件和应用程序中的设置与管理；QIconEngine部分则深入探讨了自定义图标渲染引擎的实现，包括核心虚函数的重写、第三方库的集成以及与QIcon的关联使用。
Qt 光标样式
此站&彼岸
06-30 7589
在X11上，Qt支持Xcursor库，可以随意更改全彩色的Cursor主题。但是在嵌入式Qt开发中，没有Xcursor的支持，效果就没这么乐观。         总结一下，我们可以通过以下三类方式修改Qt应用程序的Cursor样式： 1. Qt::CursorShape        Qt提供以下CursorShape,如下图：       代码： [cpp] vi
在Qt中设置鼠标光标形状的方法
liitdar的博客
01-03 4024
本文主要介绍在Qt中设置鼠标光标形状的方法。
第一章 Qt自定义控件——标题栏
m0_65635427的博客
07-22 1285
在企业开发中，当做一款软件时，肯定会接触到标题栏的设计。在Qt中QWidget以及QMainWindow或者QDialog虽然有自带的标题栏，但是都不美观。如果想自定义美观的标题栏，我们需要自己重写标题栏，话不多说，上视频。以下就是我们自己定义的标题栏，现在我来教一下如何实现这个界面。这个标题栏可以用在自己的企业开发中。
【Qt拼图游戏源码深度解析】：从主函数到游戏循环的奥秘
[【Qt拼图游戏源码深度解析】：从主函数到游戏循环的奥秘](https://www.webperf.tips/static/4098365b1ef46f93865174961e3353c6/906b5/EventLoop02.png) # 摘要 本文全面介绍了一个基于Qt框架开发的拼图游戏的设计...
lineedit加入边框 qt_Qt之自定义搜索框——QLineEdit里增加一个Layout，还不影响正常输入文字（好像是一种比较通吃的方法）...
weixin_29479561的博客
12-23 399
简述关于搜索框，大家都经常接触。例如：浏览器搜索、Windows资源管理器搜索等。当然，这些对于Qt实现来说毫无压力，只要思路清晰，分分钟搞定。方案一：调用QLineEdit现有接口void addAction(QAction * action, ActionPosition position)在QLineEdit的前/后添加部件，ActionPosition表示部件所在方位。QAction * ...
Qt自定义鼠标点击样式
11-08
Qt自定义鼠标点击样式。具体详情可看：https://blog.youkuaiyun.com/automoblie0/article/details/102981764
【Css】div或按钮鼠标经过或鼠标点击后效果样式（图文+示例）
热门推荐
【敦厚的曹操】的专栏
09-24 2万+
【Css】div或按钮鼠标经过或鼠标点击后效果样式（图文+示例）
Qt动画之鼠标点击水滴效果
10-27
前几天在群里看见有个小伙伴用的一款gif录屏软件有一个鼠标点击时有一个类似水滴的点击效果。于是想了想，便开始了Code。思路也很简单，就是借助Qt的动画类QVariantAnimation然后不断重绘达到点击的动画效果。
Qt中光标的形状
fanzhang1990的专栏
08-13 8334
1.让你的鼠标箭头在特定的位置显示各种的形状 调用函数 setCursor（Qt：：sty） enum Qt::CursorShape是一个枚举类型 sty有以下这些 Qt::ArrowCursor   Qt::UpArrowCursor Qt::CrossCursor
鼠标点击后改变样式
thy47226918808的专栏
04-27 5527
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档.Out {background-image:url(navgations0.jpg);width:40px;height:32px;cursor:hand;}.ove{background-image:url(na
鼠标点击切换样式
短剑在闲逛
08-29 1100
鼠标的切换问题，适用于导航栏<nav></nav> 就是一个页面的一小部分的切换，没必要去通过判断URL去刷新页面。 可以采用jq和js的方式去切换 第一种方法 jQuery   <div class="wrapper wrapper02" id="wrapper02"> <div class="scroller"> &
html鼠标点击后变换样式,css鼠标样式（css鼠标点击切换样式）
weixin_39717825的博客
06-04 4304
css鼠标样式新浪博客代码个性化CSS鼠标样式网址完整问题：新浪博客代码个性化CSS鼠标样式网址好评回答：进入控制面版→维护首页内容→自定义空白面版→输入方框内代码，有的人给出的代码还要打字,我的不需要,其实在代码里加入一个就可以了,因为这个东西是HTML代码里的空格,相当于有内容了.---- ...
Qt : 自定义鼠标.
闭上左眼看世界的博客
02-02 2541
在Qt中,Qt给我们列举了n多种鼠标的形状,然而更多的时候我们喜欢以一些别的图片作为鼠标比较有趣.下面有个自定义鼠标的小程序:就和画图一样,每点击一个按钮,鼠标显示不同的样式. : 主要是使用了QCursor的一个带图片的构造函数,QCursor cursor(QPixmap());然后让QWidget去设置光标即可. 如果用户点击右键,则光标恢复初始状态. #ifndef C_H #de
【Qt】界面定制艺术：光标(cursor)、字体(font)、提示(toolTip)、焦点(focusPolicy)与样式表(styleSheet)的深度探索
Colorful___的博客
05-10 2628
在现代软件开发中，用户界面(UI)的设计和实现是至关重要的一环。一个直观、美观且响应用户操作的界面可以极大地提升用户体验。Qt作为一个跨平台的C++应用程序框架，提供了丰富的工具和类库来帮助开发者创建和管理复杂的用户界面。本文将介绍Qt中的一些关键UI组件和属性，包括光标设置、字体样式、鼠标悬停提示、焦点策略和样式表的应用。通过这些知识点，开发者可以更深入地理解如何在Qt中定制和优化应用程序的外观和行为。
pyQt5 学习笔记（6）设置鼠标（光标）样式
白杨木屋
10-15 1万+
一、光标简介 通常我们的鼠标在不同的状态下会显示不同的形状，来提示用户当前的状态，如忙碌，拖拽，禁止，改变窗体大小等： 当然，严格来说，鼠标时硬件的名称，而我们屏幕上看到的随着鼠标的移动而移动到的图像称为光标（Cursor），在pyQt5中，我们可以很方便的设置一个控件的光标样式，也就是当鼠标移动到这个控件上时，显示的图像。 二、光标的设置 光标的设置只需要使用setCurror()即可，以下示...
qt自定义控件 开关按钮
01-09
### 创建Qt自定义控件开关按钮 #### 控件概述 ImageSwitch是一个提供基本开关功能的自定义控件，能够响应鼠标的点击操作，在开启和关闭两种状态间切换，并在每次状态转换时发送信号给父级组件或主窗口以便进一步处理[^1]。 #### 功能实现原理 为了使该控件具备交互能力并呈现出视觉上的变化，主要涉及以下几个方面的工作： - **事件重载**：通过继承QWidget类来构建新的部件对象；随后需重点覆盖`mousePressEvent()`以及`mouseReleaseEvent()`这两个虚函数以捕捉用户的输入行为——即单击动作的发生时刻。每当检测到一次完整的按压与抬起过程，则意味着用户意图改变当前设备所处模式（开/关），此时应立即更新内部逻辑变量记录最新状况的同时向外广播通知消息告知外界环境本体已发生转变[^4]。 - **界面渲染**：同样重要的是要确保外观能随实际运行情况同步调整，这就要求我们也要改写`paintEvent()`方法负责描绘具体的图形表现形式。依据前述提及的状态标志位的不同取值分别给出对应的显示样式设计，比如颜色填充、轮廓线条粗细等细节之处均可以根据个人喜好或者项目需求灵活定制化设置。 - **动画效果**：为了让用户体验更加流畅自然，还可以引入计时器机制配合上述绘图流程共同作用达成平滑过渡的效果。具体做法是在接收到有效指令之后启动一个短暂周期内的连续刷新任务直至最终目标位置完全就绪为止。 #### 示例代码片段展示 下面是一段简化版C++源码用来说明如何编写这样一个具有动态特性的UI元素实例： ```cpp // 头文件声明部分省略... class ImageSwitch : public QWidget { Q_OBJECT public: explicit ImageSwitch(QWidget *parent = nullptr); protected: void mousePressEvent(QMouseEvent* event) override; void mouseReleaseEvent(QMouseEvent* event) override; void paintEvent(QPaintEvent* event) override; private slots: void animateTransition(); signals: void toggled(bool checked); private: bool m_isOn; QTimer* m_animationTimer; }; void ImageSwitch::mousePressEvent(QMouseEvent* /*event*/) { // 切换状态 m_isOn = !m_isOn; } void ImageSwitch::mouseReleaseEvent(QMouseEvent* /*event*/) { emit toggled(m_isOn); // 发射信号 startAnimation(); // 启动动画 } void ImageSwitch::startAnimation() { if (!m_animationTimer->isActive()) { connect(m_animationTimer, SIGNAL(timeout()), this,SLOT(animateTransition())); m_animationTimer->start(); } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

信必诺

嗨，支持下哥们呗。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值