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

最新推荐文章于 2024-08-13 11:36:02 发布
最新推荐文章于 2024-08-13 11:36:02 发布
阅读量2w 收藏 49
点赞数 20
分类专栏： Qt之控件讲解篇 文章标签： qt tool button qq 扩展
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/goforwardtostep/article/details/52156640
版权
这篇博客介绍如何利用Qt的QToolButton及QSS实现类似QQ界面的按钮效果，通过重绘和样式设置，展示了一个简洁的实现过程，并强调了功能的实现和界面的美化。文中还分享了在编写高质量博客的过程中遇到的挑战和感悟。
摘要由CSDN通过智能技术生成
我们知道在QtDesigner中拖出来的空间都是最原始状态的，样式不是很美观，但是Qt提供了QSS，我们可以对控件设置样式来达到我们想要的效果。因此单独一个控件可以实现多种的样式。我们可以通过继承控件并重写paintEvent可以重绘控件，也可以通过简单地设置样式来达到不一样的效果。当然也可以通过控件的组合来达到我们想要的效果。

看一下QQ的效果：

这里写图片描述

看一下用Qt实现的效果：

这里写图片描述

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

了解本专栏 订阅专栏 解锁全文 超级会员免费看
前行中的小猪
关注
专栏目录
订阅专栏
Qt 之 QToolButton属性简述
前行之路还需前行
08-05 1万+
QtDesigner中Qt助手中以上是QToolButton主要的四个属性，下面分别简述这四个属性的作用。一、arrowType属性在Qt助手中可以看到arrowType属性有5个值，下面分别用图来解释着5个值的区别。 首先arrowType的默认值为NoArrow，也就是你直接在QtDesigner中拖出来的原始状态。 （1）UpArrow （2）DownArrow （3）LeftArro
以QToolButton为例介绍Qt界面外观设计.zip
01-13
以QToolButton为例介绍Qt界面外观设计，可参考文章：https://blog.csdn.net/didi_ya/article/details/122471404
QToolButton 的扩展、多样化
08-23
Qt 之QToolButton 实现QQ界面按钮效果、重新设置QToolButton菜单按钮区域的新功能。
【Qt笔记】Qt部件icon图标：悬停放大，离开复原
最新发布
qq_52924376的博客
08-13 601
Qt默认的鼠标悬停效果比较简单且不易看出，本文通过事件过滤器对鼠标悬停与离开的效果进行了重写。
qt 之QToolButton
icatchyou的专栏
09-23 1543
学习过程中伴随这小想法，所以才有兴趣做下去，比如我今天看的那个ui 不喜欢，繁杂而且看不到底层原理，搞得心情老不好了。这个还不错。 上面的抽屉效果是通过继承QToolBox类实现的，头像是有点大不过个性化，哈哈。里面的头像与昵称采用QToolButton，每一个抽屉都是一个QGroupBox 加上一些简单的布局就完成了，至于一些事件没有做，今后想做了在补上，嘿嘿。 部分源码�
Qt QToolButton详解
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
02-22 2570
QToolButton是 Qt 框架中的一个控件，它继承自QAbstractButton。QToolButton通常用于工具栏中，它通常只显示一个图标，而不显示文本标签，尽管它也可以显示文本。QToolButton的行为和外观与QPushButton不同，它通常没有边框，且在鼠标悬停和按下时的视觉反馈较轻。
QT-ToolButton定制界面左侧选项卡（简单好看）
u013083044的博客
01-30 7507
QT-ToolButton定制界面左侧选项卡1、效果预览2、窗体初始化3、设置按键信号连接和按键互斥显示4、添加qss界面美化5、关键类头文件和源文件6、全部代码下载 1、效果预览 2、窗体初始化 初始化toolbutton状态属性，设置支持选中状态，堆栈窗口默认也选中第0个索引。 添加按键弹出菜单，把一些拓展的其他窗体添加到拓展按键里面，方便后续选项卡项添加。 // 初始化窗体 void QToolButtonDemo::initForm() { // 设置toolbutton可选择状态
QToolButton双击事件
RYIJU5YUJTY的博客
06-22 1038
继承QToolButton，利用鼠标双击事件实现QToolButton双击事件。
Qt QQ好友多列表实现demo（抽屉效果）
11-26
在本文中，我们将深入探讨如何使用Qt框架来实现一个类似QQ好友列表的多列抽屉效果。这个示例项目名为"MyQQExample"，它利用了Qt中的QToolBox和QToolButton类，来创建一个交互式的用户界面。 首先，我们要理解`...
Qt 之 模仿 QQ登陆界面——功能篇（一）
热门推荐
前行之路还需前行
01-04 1万+
一、简述今天是2017年第一篇技术文章，12月末事情太多，一直没来得及更新博客。今天继 Qt 之 模仿 QQ登陆界面——样式篇 这一篇 来简单地看一下对登录界面做的一些功能，主要是登录用户下拉列表和用户登录状态的切换。效果图：登录用户下拉列表用户登录状态二、代码之路accountitem.h#ifndef ACCOUNTITEM_H #define ACCOUNTITEM_H#include <QW
QToolButton 之续述
前行之路还需前行
08-22 8257
关于QToolButton的Check状态有时候我们需要根据按钮的check状态来设置按钮的不同背景或者是实现不同的功能。关于Qt 中的四大按钮——QCheckBox, QPushButton, QRadioButton, QToolButton，这四个按钮都继承自QAbstractButton，所以他们Check状态的变化都由QAbstractButton来控制。要使用按钮的Check状态前提需要
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 2024
简述 QToolButton类提供了用于命令或选项可以快速访问的按钮，通常可以用在QToolBar里面。 工具按钮和普通的命令按钮不同，通常不显示文本，而显示图标。 简述 详细描述 常用接口 更多参考 详细描述 当使用QToolBar::addAction()添加一个新的（或已存在的）QAction至工具栏...
QToolButton
weixin_38739299的博客
02-09 1110
简介 QToolButton提供一个快速的访问按钮，通常在工具栏内使用，默认图标和文本都设置后、不显示文本标签而显示图标； 图表文本的位置 //设置按钮风格 void setToolButtonStyle(Qt::ToolButtonStyle style) 枚举值 详解 Qt::ToolButtonIconOnly 只显示图标 Qt::ToolButtonTextOnly 只显示文本 Qt::ToolButtonTextBesideIcon 文本显示在图标旁边 Qt::Too
QToolButton的Checked问题及解决方法
sundynes 之Hello word
04-22 8995
今天想做个类似于这种的菜单按钮，想起来使用QToolButton,
Qt之按钮（QToolButton）
Shijia Yin
03-13 1万+
简述 QToolButton类让我们可以快速地实现命令和选项按钮，它通常用在QToolBar中。 相比于普通的命令按钮（QPushButton），工具按钮通常不显示文本，只显示图标。 工具按钮通常是在QToolBar::addAction方法被调用的时候被创建。当然，也可以用其它控件的创建方式来创建QToolButton。 QToolButton的一种经典用法是选择工具。例如，绘图程序中的“笔”工...
QToolButton 使用（很好用）
biao2488890051的博客
09-30 6692
QToolButton 是继承了 QPushButton（而QPushButton是继承自QAsractButton），所以它具有 QPushButton的所有属性，成员，和方法。
QToolButton可用信号
laner__gg的博客
02-14 1336
1、除从父类中继承的，还有自己独立的信号。 重写了triggered()方法，调用参数也有区别；当点击某个action时会触发该信号，并将acion对象传递出来。 行为自己发射的信号和tb像外界发射的信号(发送的参数类型QAciton). 2、可以给定一个行为绑定一些数据：setData（），不同的行为绑定不同的数据，获取方法使用action.data()方法。比直接调用clicked.connect()方法简单。 import sys from PyQt5.Qt import * # 做成
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值