QT QToolButton在鼠标悬浮以及按下的情况下内容会下沉

已于 2023-12-20 11:34:57 修改
阅读量2.3k 收藏 4
点赞数 2
分类专栏： qss QT 文章标签： qt
于 2023-01-28 17:17:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56365695/article/details/128780014
版权
qss 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
QT
2 篇文章 0 订阅
订阅专栏

使用样式表可以解决此问题

使用此样式可以取消按下状态的下沉效果

QToolButton{"padding-left:0px;"}

如果鼠标悬浮出现下沉效果

我发现的其中一个原因是：按钮原始状态下无边框，而悬浮状态下有边框。

就可以将原始状态的边框颜色设置为透明，即可取消下沉效果


QToolButton{"border:1px solid rgba(255,255,255,0);"}
QToolButton::hover{"border:1px solid rgb(123,123,123);"}

注意：边框的粗细要一致，因为原始状态边框为透明，所以视觉上和无边框效果一致

Ian_0219
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt自定义sink风格按钮
GG802312的博客
06-16 598
为了满足工作中控件多样性的要求，一些控件的风格需要通过重写画家事件的方式进行自定义； 实现sink风格按钮的效果图如下： 纯代码实现思路： 产生按钮下沉的效果是利用了视觉误差原理，通过更改背景颜色以及图标的位置，呈现出按钮动态改变的效果。 按钮未按下状态绘制代码： void SinkButton::drawUnSinkRect(QPainter *painter) { painter->save(); QBrush brush; brush.setColor(mReleaBg
QPushButton取消按压后文字下沉效果
weixin_33809981的博客
06-09 3431
1、下沉原因 1.1、QPushButton源码 void QPushButton::initStyleOption(QStyleOptionButton *option) const { if (d->down || d->menuOpen) option->state |= QStyle::State_Sunken; if (d...
QToolButton的特殊使用
最新发布
庄生晓梦
05-12 363
记录QToolButton的特殊使用方法
Qt 之按钮鼠标 悬浮、按下、松开后的效果
m0_60529319的博客
04-22 3986
本文介绍了Qt中的按钮实现响应鼠标悬浮、按下、松开后的效果，在三种状态下，按钮改变不同的背景图片。方式1：通过修改样式表的方式去实现；方式2：通过继承QPushButton去实现一个自定义的按钮；方式3：在主界面中给按钮安装事件过滤器的方式去实现继承QPushButton类后，重写了event()方法break;break;case QEvent :: MouseButtonPress : this -> setIcon(QIcon(":/icons/images/暂停.png"));
Qt知识笔记（七）—— 控件
qq_51762652的博客
03-03 2756
Qt知识笔记（七）—— 控件
QPushButton
weixin_38739299的博客
02-09 1418
简介 QPushButton是一个按钮类，基类是QAbstractButton：提供通用的按钮功能； 常用函数 常用属性 详解 void setText(const QString &text) 设置按钮文本 QString text() const 返回按钮上的文本 void setIcon(const QIcon &icon) 设置按钮图表 QIcon icon() const; 返回按钮图表 void setMenu(QMenu* menu) 设置菜单
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实现QPushButton按键的多态点击（点击一次按下，再点击一次弹起）
weixin_61476363的博客
08-19 2341
1.在QT项目中常常需要用到QPushButton控件，有时需要按键实现多态点击，并在不同的点击状态时显示出不同的文字。
[QT_027]Qt学习之按钮类控件（QPushButton、QToolButton、QRadioButton、QCheckBox、QCommandLinkButton）
kongcheng253的博客
01-24 5680
Qt学习之按钮类控件（QPushButton、QToolButton、QRadioButton、QCheckBox、QCommandLinkButton）
Qt之QToolButton 实现动态拖拽Drag、Drop功能
05-25
Qt之QToolButton与QGroupBox实现动态拖拽Drag、Drop功能，可以随意拖放到QGroupBox内，也可以与现有的QToolButton交换位置，也可以拖拽出QGroupBox外释放
QT qss按钮三种状态（常态，鼠标覆盖，单击）
06-07
右键单击按钮，选择转到样式表，将附件的qss代码粘贴到按钮样式表中，图片从资源文件中选。
Qt QToolButton和QListWidget的使用
06-21
在Qt框架中，QToolButton和QListWidget是两种非常重要的控件，它们在构建图形用户界面（GUI）时起到关键作用。QToolButton通常用于创建具有图标和文本的按钮，而QListWidget则用于展示可滚动的列表项。下面我们将...
以QToolButton为例介绍Qt界面外观设计.zip
01-13
在本文中，我们将深入探讨如何使用Qt库中的QToolButton组件来设计美观的用户界面。Qt是一个跨平台的C++图形用户界面应用程序开发框架，它提供了丰富的控件和设计工具，使得开发者能够创建出功能强大且具有吸引力的...
Qt例程源代码QToolButton.7z
07-19
QToolButton是Qt库中的一个关键组件，它提供了一种在界面上显示工具按钮的方式，这些按钮通常与快捷菜单或操作相关联。这个压缩包“Qt例程源代码QToolButton.7z”显然包含了关于如何使用QToolButton的示例代码。 ...
实现qt5.4下窗口无边框以及可拖动
06-03
通常，我们会在窗口的头部添加一个鼠标按下事件监听器，以便用户可以任意位置拖动窗口。以下代码示例展示了如何实现这个功能： ```cpp void MyWindow::mousePressEvent(QMouseEvent *event) { if (event->button()...
Qt系列--ToolButton的一些操作（设置Icon，悬停，创建下拉菜单等）
CCLasdfg的博客
05-23 8264
ToolButton与Icon的关系： 内容：两者关系 ToolButton：是Qt中一种常见的控件，空间上可以写上文本，可以添加图片。 Icon：图片即Icon（图标）。 添加Icon到toolbutton的几种方式： 方式：在toolbutton上添加icon的方式多种多样，可以分为两个大类，一类是通过qt的资源添加功能直接在控件上添加icon，即不需要写代码；一类是需要自己写代码将icon添加到toolbutton上。 我自己对前者（不写代码）的添加方式不是很熟悉，这里就不做过多阐述。所以就写一写通
QToolBar中使用样式表QSS设置三态QToolButton按钮
realliyuhao的博客
06-26 1万+
QToolBar中设置三态QToolButton按钮 首先,我这个其实是模仿VS Code那个左侧菜单栏做的,看一下目标效果:先分析一下,这是一个状态栏,由按钮组成,按钮有三个状态:正常(灰),鼠标悬浮(白),点击后(白+竖线) 这是最后的效果: 我这个是不是模仿的很逼真? 需要准备的东西: 1.知道原VS code工具栏的背景色,是rgb(51,51,51); 2.准备好每个按钮的三态图片,我是从百度上挑的几张按钮图标,再使用PhotoShop进行颜色变化,背景透明处理,白色竖线添加,拿一个图标举例如下:
qt中如何模拟按钮点击_Qt实现自定义按钮的三态效果
weixin_39942397的博客
12-19 1703
好久之前做的一个小软件，好长时间没动过了，在不记录下有些细节可能都忘了，这里整理下部分功能的实现。按钮的三态，指的是普通态、鼠标的停留态、点击态，三态是界面交互非常基本的一项功能，Qt中如果使用的是原始的按钮，三态的效果是有的，鼠标放上去会变色，点击的时候有凹陷的效果，工具栏中的图标也具备三态效果，但是如果自定义的图标这个效果就没有了。 下面整理下自定义按钮图标的方法，先看下我做的效果图： 图...
Qt学习四-QPushButton按钮用法二
hmy_19的博客
07-18 2443
两周按钮使用后的补充和小结
qt qtoolbutton按钮实现按一下启动，在按一下取消详细点
05-05
QToolButton 按钮可以通过设置不同的状态来实现按一下启动，在按一下取消的效果。具体实现方式如下： 1. 设置按钮的初始状态为“启动”状态，可以使用 `setIcon()` 方法设置按钮的图标为启动状态的图标。 2. 监听按钮的 `clicked` 信号，在槽函数中判断按钮当前的状态，如果是“启动”状态，则将按钮的状态设置为“取消”状态，并将按钮的图标设置为取消状态的图标；如果是“取消”状态，则将按钮的状态设置为“启动”状态，并将按钮的图标设置为启动状态的图标。 下面是具体的代码实现： ``` // 设置按钮的初始状态为“启动”状态 QToolButton *button = new QToolButton; button->setIcon(QIcon(":/start.png")); button->setCheckable(true); button->setChecked(false); // 监听按钮的 clicked 信号 connect(button, &QToolButton::clicked, [=]() { if (button->isChecked()) { // 按钮的状态为“取消”，将按钮的状态设置为“启动”，并设置图标为启动状态的图标 button->setIcon(QIcon(":/start.png")); button->setChecked(false); } else { // 按钮的状态为“启动”，将按钮的状态设置为“取消”，并设置图标为取消状态的图标 button->setIcon(QIcon(":/cancel.png")); button->setChecked(true); } }); ``` 其中，`:start.png` 和 `:cancel.png` 是启动状态和取消状态的图标文件路径。你需要根据实际情况进行替换。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值