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

最新推荐文章于 2024-08-23 10:20:21 发布
最新推荐文章于 2024-08-23 10:20:21 发布
阅读量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——Qt控件之按钮-QToolButton工具按钮控件的使用总结（例程：在工具栏中嵌入自定义的工具按钮）
数字世界 万物互联
03-31 506
本次博文总结下Qt按钮控件中QToolButton工具按钮控件的使用方法，工具按钮一般可以自定义显示的文本和图标，在工具栏中使用的较多，那么本次使用的小例程就是在工具栏中嵌入自定义的工具按钮。
以QToolButton为例介绍Qt界面外观设计.zip
01-13
在本文中，我们将深入探讨如何使用Qt库中的QToolButton组件来设计美观的用户界面。Qt是一个跨平台的C++图形用户界面应用程序开发框架，它提供了丰富的控件和设计工具，使得开发者能够创建出功能强大且具有吸引力的...
QToolButton设置QSS
$firecat利白的代码足迹$
06-24 4819
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
【Qt笔记】QToolButton控件详解
最新发布
qq_52924376的博客
08-23 1649
在Qt框架中，QToolButton 是一个非常重要的控件，它提供了快速访问命令或选项的方式。QToolButton 通常显示一个图标或文本，当用户点击它时，可以执行特定的操作。QToolButton 也可以显示一个下拉菜单，这使得它成为实现工具栏按钮的理想选择。
Qt组件的常用QSS整理
12-14 1696
使软件界面更优美
Qt::Window 、Qt::Tool是 Qt 框架中的一个窗口标志（Window Flag），用于指定窗口的类型和行为
m0_46376834的博客
11-26 2091
Qt::Window是 Qt 框架中的一个窗口标志（Window Flag），用于指定窗口的类型和行为。在 Qt 中，窗口标志用于控制窗口的外观、行为和交互方式。通过使用不同的窗口标志组合，可以定制窗口的特性，如窗口的边框样式、窗口的模态性、窗口的显示位置等。Qt::Window是其中之一的窗口标志，表示创建一个普通的顶级窗口（Top-level Window）。顶级窗口是独立的窗口，可以作为应用程序的主窗口或独立的子窗口存在。以下是一些Qt::Window。
Qt控件美化
m0_73443478的博客
02-27 1837
Qt控件美化
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 实现动态拖拽Drag、Drop功能
05-25
Qt之QToolButton与QGroupBox实现动态拖拽Drag、Drop功能，可以随意拖放到QGroupBox内，也可以与现有的QToolButton交换位置，也可以拖拽出QGroupBox外释放
QToolButton 的扩展、多样化
08-23
本篇文章将深入探讨如何利用QToolButton实现QQ界面按钮的效果，以及如何扩展其功能，特别是针对菜单按钮区域进行自定义。 首先，我们从QToolButton的基本用法开始。QToolButton可以显示一个小图标，当用户按下或...
Qt QQ好友多列表实现demo（抽屉效果）
11-26
在本文中，我们将深入探讨如何使用Qt框架来实现一个类似QQ好友列表的多列抽屉效果。这个示例项目名为"MyQQExample"，它利用了Qt中的QToolBox和QToolButton类，来创建一个交互式的用户界面。 首先，我们要理解`...
Qt之无边框界面包括最大化、最小化和关闭按钮及实现可移动、窗口伸缩功能
11-30
在Qt编程中，有时我们需要创建一个无边框的窗口，以实现更加自定义的界面设计。无边框窗口可以提供更灵活的布局和外观，但同时也需要我们手动添加常见的窗口操作，如最大化、最小化、关闭按钮以及窗口的移动和大小...
QT-ToolButton定制界面左侧选项卡（简单好看）
u013083044的博客
01-30 7609
QT-ToolButton定制界面左侧选项卡1、效果预览2、窗体初始化3、设置按键信号连接和按键互斥显示4、添加qss界面美化5、关键类头文件和源文件6、全部代码下载 1、效果预览 2、窗体初始化 初始化toolbutton状态属性，设置支持选中状态，堆栈窗口默认也选中第0个索引。 添加按键弹出菜单，把一些拓展的其他窗体添加到拓展按键里面，方便后续选项卡项添加。 // 初始化窗体 void QToolButtonDemo::initForm() { // 设置toolbutton可选择状态
QT之qss教程-QToolButton
wzs的博客
11-13 6779
QToolButton { border:2px solid #124d92; border-radius:5px; background-color:yellow; min-width:60px; min-height:40px; } QToolButton[pupupMode="1"] { padding-right:20px; } /* 鼠标按下时 */ QToolButto
QToolBar中使用样式表QSS设置三态QToolButton按钮
realliyuhao的博客
06-26 1万+
QToolBar中设置三态QToolButton按钮 首先,我这个其实是模仿VS Code那个左侧菜单栏做的,看一下目标效果:先分析一下,这是一个状态栏,由按钮组成,按钮有三个状态:正常(灰),鼠标悬浮(白),点击后(白+竖线) 这是最后的效果: 我这个是不是模仿的很逼真? 需要准备的东西: 1.知道原VS code工具栏的背景色,是rgb(51,51,51); 2.准备好每个按钮的三态图片,我是从百度上挑的几张按钮图标,再使用PhotoShop进行颜色变化,背景透明处理,白色竖线添加,拿一个图标举例如下:
设置Qt::Tool窗体类型时，关闭在其中显示的最后窗口自动析构此窗口问题
Indescribable_Gbg的博客
06-03 1793
  问题描述：在一个QWidget窗口类中设置其为工具窗口(Qt::Tool)。在它之中显示其他窗口，当关闭这些窗口的最后一个时，会自动析构此窗口。 #include "test.h" test::test(QWidget *parent) : QWidget(parent) { setWindowFlags(Qt::Tool); QPixmap image(":/headportrait/head.jpg"); ChatFriend *chat = new ChatFriend
Qt::TOOL窗口关闭但进程仍在运行解决方案
郝凡的博客
09-04 9627
问题描述在Qt中mainwindow窗口设置了任务栏不显示，和置顶。代码如下setWindowFlags( Qt::Tool | Qt::X11BypassWindowManagerHint| Qt::WindowStaysOnTopHint);设置后窗口没有最大化，最小化按钮，只有一个红色的关闭按钮，但是点击之后，窗口关闭，进程仍然在运行。也就是窗口的关闭按钮结束不了程序。 解决方法首先在mai
QT中常用的GUI组件之一是QToolButton，它是一个按钮，通常带有一个图标和文本
ByteJolt的博客
08-22 566
QT中常用的GUI组件之一是QToolButton，它是一个按钮，通常带有一个图标和文本。在本文中，我们将介绍如何使用QSS自定义QToolButton样式。QSS是Qt Style Sheet的缩写，是一种基于Cascading Style Sheets (CSS)的样式表语言，用于控制Qt应用程序的外观和布局。除此之外，我们还可以通过QSS设置其他属性，例如文字大小、字体等等，让按钮的外观更加具有吸引力。以上代码会将背景颜色设置为蓝色，边框设为无，字体颜色设为白色，内边距设为5像素。
QSS自定义QToolButton实例 编程
DevPhantom的博客
09-05 128
在这个QSS文件中，我们首先使用#customButton选择器选择了objectName为"customButton"的QToolButton，并为其添加了边框、圆角、背景颜色和内边距样式。在这段代码中，我们创建了一个带有标题的主窗口，并在主窗口中放置了一个QToolButton。接下来，我们将创建一个名为style.qss的QSS文件，并为QToolButton添加自定义样式。现在，我们已经设置好了QToolButton的样式和QSS文件，让我们将QSS文件应用到我们的应用程序中。
Python实现PyQt5版TIM登录界面
2. 顶部按钮组：可能包含最小化、最大化和关闭按钮，这些可以通过QPushButton或QToolButton实现，并设置相应的图标。 3. 登录方式切换组：QQ和微信登录方式，可使用QRadioButton或QComboBox实现图标切换。 4. 表单...
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值