qss样式表之QToolTip

痛定思痛。 2021-12-15 10:34 686阅读 0赞

在 Qt 控件中，有一个特殊的控件：当我们把鼠标放在 QLabel、QPushButton、QToolButton 等控件上面时，会出现提示语，这个提示语就是 QToolTip；想要出现提示语需要调用对应控件的 setToolTip() 方法。

--------------------

下面我们对 **QToolTip** 进行样式更改

QToolTip { 
        font-family: "Microsoft YaHei";
        font-size: 15px;
        color: #BDC8E2;
        font-style: italic;
        font-weight: bold;
    
        padding-left: 18px;
        padding-right: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    
        border-style: solid;
        border-width: 1px;
        border-color: aqua;
    
        border-radius: 13px;
    
        background-color: #2E3648;
        background-image: url("./image1.png");
        background-repeat: no-repeat;
        background-position: left center;
    }

效果图如下，上面的是按钮控件，下面的是当鼠标放上去时出现的 ToolTip 提示语

![在这里插入图片描述][20190704200800248.png]

--------------------

QToolTip 的设置理论上和 QLabel 保持一致，有兴趣的话可以参考我的另一篇博客 [**qss样式表之QLabel**][qss_QLabel]

但 QToolTip 无法做到背景透明，也无法改变形状，如果设置背景为 transparent 透明时，默认会添加黑色背景，如果设置圆角半径时，改变的只是内部的圆角半径，就像上面的例子一样！

--------------------

[20190704200800248.png]: /images/20211214/c7ac3518ad6c4342af05465efb7f1234.png
[qss_QLabel]: https://blog.csdn.net/aiwangtingyun/article/details/94445536

发表评论取消回复

表情：

评论列表（有 0 条评论，686人围观）

还没有评论，来说两句吧...

相关阅读

相关 QToolTip怎么使用

QToolTip 是 Qt GUI 库中的一个类，它提供了一个浮动的提示框，可以在用户将鼠标悬停在某个组件上时显示提示文本。使用 QToolTip 的方法是： 1. 在

分手后的思念是犯贱/ 2024年03月27日 12:51/ 0 赞/ 62 阅读

相关 Qt 样式设置之 QCheckBox 样式表

QCheckBox \{ color:red; background-color:rgb(101,101,101); \} QCheckBox::

落日映苍穹つ/ 2023年07月11日 11:16/ 0 赞/ 4 阅读

相关 Qt样式表QSS详解

> qss能实现界面与样式风格相互分离，形成同web相同的可以随意换肤的效果。 > > 能实现控件样式的变化，如位置，前景色，背景色，边框是圆角还是方角等。参考文献：

向右看齐/ 2022年12月26日 13:28/ 0 赞/ 440 阅读

相关 qt 背景和控件布局_Qt QToolTip 控件背景的 QSS 设置方法(摘抄)

标签： Qt/C++/CSS: QTooltip stylesheet background colour Hi there, I‘ve recently come ac

小鱼儿/ 2022年11月05日 15:55/ 0 赞/ 662 阅读

相关 QScrollArea qss样式表，美化滚动条

文章目录效果图如下：前言 QSS样式表代码效果图如下： ![在这里插入图片描述][397ecfc09a8e409da

女爷i/ 2022年09月17日 03:11/ 0 赞/ 520 阅读

相关 qss样式表之QPushButton

先来个示例 QPushButton { font-family: "Microsoft YaHei"; font-size: 16p

àì夳堔傛蜴生んèń/ 2021年12月19日 04:31/ 0 赞/ 645 阅读

相关 qss样式表之QLable

先来个示例 QLabel { font-family: "Microsoft YaHei"; font-size: 14px;

悠悠/ 2021年12月18日 14:27/ 0 赞/ 592 阅读

相关 qss样式表之QToolTip

在 Qt 控件中，有一个特殊的控件：当我们把鼠标放在 QLabel、QPushButton、QToolButton 等控件上面时，会出现提示语，这个提示语就是 QToolTip

痛定思痛。/ 2021年12月15日 10:34/ 0 赞/ 687 阅读

相关 qss之QRadioButton

先来个示例 QRadioButton { font-family: "Microsoft YaHei"; font-size: 14

末蓝、/ 2021年12月15日 06:07/ 0 赞/ 482 阅读

相关 qss样式表之QComboBox

先来个简单的示例 QComboBox { font-family: "Microsoft YaHei"; font-size: 14

逃离我推掉我的手/ 2021年12月14日 05:37/ 0 赞/ 1466 阅读