qss样式表之QToolTip

痛定思痛。 2021-12-15 10:34 698阅读 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 条评论，698人围观）

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

相关阅读

相关 QML的语法——样式表QSS

一、QSS介绍如果学过前端的话，QSS(Qt style sheet)就很好理解了。QSS 是一个非常强大的用于自定义控件外观的机制.它的概念,术语以及语法都是受到了

柔光的暖阳◎/ 2024年04月07日 15:14/ 0 赞/ 75 阅读

相关 Qt第五十一章：Qt样式表-Qss

目录一、盒子模型二、选择器三、伪状态四、字体五、边框六、背景七、边距八、示例大全 -------------------- 一、盒子模型

拼搏现实的明天。/ 2024年03月30日 12:35/ 0 赞/ 93 阅读

相关 Qt样式表QSS详解

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

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

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

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

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

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

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

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

相关 qss样式表之QPushButton

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

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

相关 qss样式表之QLable

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

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

相关 qss样式表之QToolTip

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

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

相关 qss之QRadioButton

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

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

相关 qss样式表之QComboBox

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

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