Qt 之QToolButton 实现QQ界面按钮效果

最新推荐文章于 2025-04-30 11:45:10 发布
最新推荐文章于 2025-04-30 11:45:10 发布
阅读量2w 收藏 49
点赞数 20
分类专栏： Qt之控件讲解篇 文章标签： qt tool button qq 扩展
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/GoForwardToStep/article/details/52156640
版权
这篇博客介绍如何利用Qt的QToolButton及QSS实现类似QQ界面的按钮效果，通过重绘和样式设置，展示了一个简洁的实现过程，并强调了功能的实现和界面的美化。文中还分享了在编写高质量博客的过程中遇到的挑战和感悟。

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

我们知道在QtDesigner中拖出来的空间都是最原始状态的，样式不是很美观，但是Qt提供了QSS，我们可以对控件设置样式来达到我们想要的效果。因此单独一个控件可以实现多种的样式。我们可以通过继承控件并重写paintEvent可以重绘控件，也可以通过简单地设置样式来达到不一样的效果。当然也可以通过控件的组合来达到我们想要的效果。

看一下QQ的效果：

这里写图片描述

看一下用Qt实现的效果：

这里写图片描述

自己P的图，大家可以对照图片参考一下样式
按钮背景

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Qt——Qt控件之按钮-QToolButton工具按钮控件的使用总结（例程：在工具栏中嵌入自定义的工具按钮）
数字世界 万物互联
03-31 611
本次博文总结下Qt按钮控件中QToolButton工具按钮控件的使用方法，工具按钮一般可以自定义显示的文本和图标，在工具栏中使用的较多，那么本次使用的小例程就是在工具栏中嵌入自定义的工具按钮。
QToolButton 的扩展、多样化
08-23
Qt 之QToolButton 实现QQ界面按钮效果、重新设置QToolButton菜单按钮区域的新功能。
Qt QToolButton详解
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
02-22 3870
QToolButton是 Qt 框架中的一个控件，它继承自QAbstractButton。QToolButton通常用于工具栏中，它通常只显示一个图标，而不显示文本标签，尽管它也可以显示文本。QToolButton的行为和外观与QPushButton不同，它通常没有边框，且在鼠标悬停和按下时的视觉反馈较轻。
QtDesigner中常用的Buttons
最新发布
xiongmaowangd的博客
04-30 883
这一章主要对于其他的Button进行介绍。
[Qt 教程之Widgets模块] —— QToolButton工具按钮控件
淋曦的进击手记
10-24 1万+
QToolButton按钮常用作工具栏的快捷工具，比如Qt Creator右下角的构建套件选择器，就是QToolButton：还有PhotoShop中工具栏的一些快捷工具，也是QToolButton：更常见的office word中，也普遍使用QPushButton：（注：以上例子不一定使用Qt开发，只是举例按钮符合QPushButton的特征。）可以发现QToolButton常用的是显示图片，而不是像QPushButton一样显示文字；
qt 之QToolButton
icatchyou的专栏
09-23 1599
学习过程中伴随这小想法，所以才有兴趣做下去，比如我今天看的那个ui 不喜欢，繁杂而且看不到底层原理，搞得心情老不好了。这个还不错。 上面的抽屉效果是通过继承QToolBox类实现的，头像是有点大不过个性化，哈哈。里面的头像与昵称采用QToolButton，每一个抽屉都是一个QGroupBox 加上一些简单的布局就完成了，至于一些事件没有做，今后想做了在补上，嘿嘿。 部分源码�
qt 练习题目QToolButton qss
abc
02-26 232
qt 练习题目QToolButton qss
以QToolButton为例介绍Qt界面外观设计.zip
01-13
在本文中，我们将深入探讨如何使用Qt库中的QToolButton组件来设计美观的用户界面。Qt是一个跨平台的C++图形用户界面应用程序开发框架，它提供了丰富的控件和设计工具，使得开发者能够创建出功能强大且具有吸引力的...
qt小项目三 代码实现简易的QQ聊天界面的对话框弹出功能
GG802312的博客
12-04 1272
实现效果 点击成员列表中的头像，实现对应对话框弹出的功能。 打开的对话框不可以再次打开，同时弹出提示消息框。 打开一个窗口 再次打开该窗口 补充后的代码 myDialog.cpp文件中新增信号槽处理函数。 myDialog.h文件中新增窗口打开状态的标识符变量。 myWindow.cpp文件中重载窗口关闭函数。closeEvent(）； myWindow.h文件中新增窗口关闭信号。 myDialog.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #includ
QT-ToolButton定制界面左侧选项卡（简单好看）
u013083044的博客
01-30 7979
QT-ToolButton定制界面左侧选项卡1、效果预览2、窗体初始化3、设置按键信号连接和按键互斥显示4、添加qss界面美化5、关键类头文件和源文件6、全部代码下载 1、效果预览 2、窗体初始化 初始化toolbutton状态属性，设置支持选中状态，堆栈窗口默认也选中第0个索引。 添加按键弹出菜单，把一些拓展的其他窗体添加到拓展按键里面，方便后续选项卡项添加。 // 初始化窗体 void QToolButtonDemo::initForm() { // 设置toolbutton可选择状态
qt 练习题目2 QToolButton qss
abc
02-26 199
qt 练习题目2 QToolButton qss
QToolButton设置QSS
$firecat利白的代码足迹$
06-24 5174
QToolButton设置QSS .QPushButton,.QToolButton{ border-style:none; border:1px solid #B2B6B9; color:#000000; padding:5px; min-height:15px; border-radius:5px; background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #E1E4E6,stop:1 #CCD3D9); } .QPushBu
QToolButton双击事件
RYIJU5YUJTY的博客
06-22 1180
继承QToolButton，利用鼠标双击事件实现QToolButton双击事件。
QT的QToolButton样式
热门推荐
liqingjielihanjie的博客
10-30 1万+
该文内容为转载 QToolButton{      min-width:80px;      min-height:32px;   }   QToolButton{   color:rgb(255, 255, 255);   min-height:20;   border-style:solid;   border-top-left-radius:2px;   border-top-right-...
Qt之QToolButton
weixin_34166472的博客
06-27 2117
简述 QToolButton类提供了用于命令或选项可以快速访问的按钮，通常可以用在QToolBar里面。 工具按钮和普通的命令按钮不同，通常不显示文本，而显示图标。 简述 详细描述 常用接口 更多参考 详细描述 当使用QToolBar::addAction()添加一个新的（或已存在的）QAction至工具栏...
QSS实践汇总（9）——QToolButton样式（风格）
m0_51668269的博客
11-15 6496
一、QToolButton常用属性 QToolButton::pressed 按下效果 qproperty-icon border border-radius height background-color padding-right 二、QToolButton风格 // 设置图标 QToolButton#Btn_EditReport { qproperty-icon:url(%1/style/image/USW/ListEdit.png); } // 设置边框、背景...
QToolButton超级牛的功能，我们却不知道，傻傻地
sunflower_2020的博客
03-06 1297
QToolButton
QT之qss教程-QToolButton
wzs的博客
11-13 6872
QToolButton { border:2px solid #124d92; border-radius:5px; background-color:yellow; min-width:60px; min-height:40px; } QToolButton[pupupMode="1"] { padding-right:20px; } /* 鼠标按下时 */ QToolButto
【Qt笔记】QToolButton控件详解
qq_52924376的博客
08-23 2631
在Qt框架中，QToolButton 是一个非常重要的控件，它提供了快速访问命令或选项的方式。QToolButton 通常显示一个图标或文本，当用户点击它时，可以执行特定的操作。QToolButton 也可以显示一个下拉菜单，这使得它成为实现工具栏按钮的理想选择。
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值