Qt中各个控件利用Qt Designer来setStyleSheet

最新推荐文章于 2025-06-05 16:04:48 发布
最新推荐文章于 2025-06-05 16:04:48 发布
阅读量5.1k 收藏 14
点赞数
CC 4.0 BY-SA版权
分类专栏： Qt5.4-VS2010开发 文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/llfwdd/article/details/46602113
本文介绍了如何使用Qt Designer为QLabel, QToolButton, QFrame和QTableView等控件设置样式表，包括字体、颜色、背景、边框和滚动条等细节。" 127850293,1444103,Cartographer动态环境子图优化,"['机器人', 'SLAM', 'C++', '定位技术', '动态环境']

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.QLabel  

QLabel#label_sum_text{

font: 75 35pt "微软雅黑"; /*字体*/

background-color: rgb(255, 255, 255); /*背景色*/

color: rgb(152, 156, 156); /*字体颜色*/

border-style:hidden; /*边框样式*/

padding: 1px 1px 8px 1px;  /*四周边距*/

}


2.QToolButton、QPushButton

/*按钮正常显示*/

QToolButton#toolButton_7{

border-image: url(

:/keybord_cfm/images/keybord_cfm/u63.png);

}


/*按钮按下*/

QToolButton#toolButton_7::pressed{

border-image: url(

:/keybord_cfm/images/keybord_cfm/u63_mouseOver.png);

}


/*鼠标移到按钮上时*/

QToolButton#toolButton_7::hover{

border-image: u

最低0.47元/天 解锁文章

200万优质内容无限畅学
Qt样式表的使用setStyleSheet
soldier_d的博客
06-30 7560
样式表的示例 如下面这段代码，这里是指定了QWidget类的背景颜色、字体大小和名称、前景色。这个样式表会应用的QWidget类以及其子类。 QWidget{ background-color: rgb(255,255,0); color: rgb(255,0,0); font: 12pt "宋体"; } 样式表的语法 样式法则由一个选择器(selector)和一些声明(declaration)组成，上例中，QWidget就是选择器，表明后面花括号中的样式声明应用于QWid
Qt5自定义控件-Qt Designer中直接拖动
ever__ever的博客
01-02 1957
Qt5 实现自定义控件全流程实现demo，在Qt Designer中直接拖动使用。
Qt 样式表 setStyleSheet
夜影轩的专栏
06-29 2万+
在Qt中设置widget背景颜色或者图片方法很多种：重写paintEvent() , 调色板QPalette , 样式表setStyleSheet等等。  setStyleSheet() pWidget->setStyleSheet("background-color:blue;"); //设置背景颜色 pWidget->setStyleSheet("background-color
QT 样式表 (QSS) 指南
u010359310的博客
06-05 1103
选择器和伪状态的灵活使用盒模型和布局控制子控件的精确样式定制动态样式和主题切换性能优化技巧开发者可以创建出既美观又高性能的 Qt 应用程序界面。在实践中，建议从简单样式开始，逐步增加复杂度，并利用调试工具确保样式正确应用。
setStyleSheet来设置图形界面的外观
yongan1006的专栏
03-31 5万+
来自：http://www.360doc.com/content/11/1122/10/7899729_166398154.shtml 使用setStyleSheet来设置图形界面的外观： QT Style Sheets是一个很有利的工具，允许定制窗口的外观， 此外还可以用子类QStyle来完成，他的语法很大比重来源于html的CSS，但是适用于窗口 概括： Style Sheets
Qt setStyleSheet
weixin_30871701的博客
08-29 291
Qt中设置按钮或QWidget的外观是，可以使用QT Style Sheets来进行设置，非常方便。可以用setStyleSheet("font: bold; font-size:20px; color: rgb(241, 70, 62); background-color: green");来进行设置， 其他的样式介绍如下： font: bold; 是否粗体显示 font-fam...
Qt setStyleSheet
欢迎光临 我的心
08-31 261
实例 //样例-文字： btn1->setStyleSheet("QPushButton{color:red;background:yellow}" "QPushButton::hover{background:rgb(110,115,100);}" "QPushButton::pressed{background:#eb7350;}"); //样例-图片： btn1->setStyleSheet("QPushBu
Qt之自定义控件（开关按钮）自记
11-13
总的来说，这个项目展示了如何通过Qt的C++ API和Qt Designer插件系统，实现一个可定制颜色的开关按钮控件。通过学习这个案例，开发者可以了解到Qt自定义控件的基本流程，以及如何将它们集成到设计环境中，提升软件的...
QT常用的控件
qq_63168095的博客
07-28 2017
QT的常用控件的介绍极其使用
Qt 控件透明度设置方法总结
04-17
首先，Qt中的控件透明度主要涉及到窗口组件（QWidget）的背景透明和前景元素（如QLabel、QPushButton等）的透明。对于窗口组件，我们可以通过设置其窗口属性来调整其透明度。 1. **使用Qt的窗口属性：** - `Qt::WA...
QT setStyleSheet函数
2301_79503228的博客
09-26 1222
Qt中的setStyleSheet函数用于设置QWidget或其子类的样式表。样式表是一种CSS风格的文本，用于定义窗口部件的外观，它可以用来改变控件的颜色、字体、边框等外观属性。
Qt：setStyleSheet()函数
weixin_44190648的博客
02-25 2078
一.针对于具体label #include "mainwindow.h" #include "ui_mainwindow.h" MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) { ui->setupUi(this); //设置label1字体颜色、背景色 ui->label_1->setStyleSheet("QLabel{co
Qt 使用setStyleSheet
weixin_45053845的博客
02-02 931
Qt 使用setStyleSheet
QT项目中的SetStyleSheet文件
罗斯的小老弟的博客
03-19 1709
一、首先要创建文件，我这里用的是txt文件，其他的文件格式没有试过，比如其他人介绍的qss文件，我没有试过，但是我觉得能从文件中读取出来，应该都是能行的，文件格式不影响。 这里我用的是绝对路径的方式来加载文件，如下代码 我是截图的 为了方便复制粘贴，我还是把源码贴上去吧 哈哈哈，贴心 QString displayString; QFile file("D:/qt-project/sumilat...
QT5-setStyleSheet
Tzg_AHU的博客
12-02 306
QT5学习笔记 setStyleSheet: QComboBox { #下拉菜单 border:none; #设置无边框 border-bottom:1px solid lightgray; #底部有边框，为1像素，淡蓝色 } QComboBox:focus { border-bottom:1px solid rgb(0, 85, 255) #鼠标放置 } QComboBox::down-arrow { image:url(:/newPrefix/QT5/tu.q
Qt—样式表（setStyleSheet()）
Code搬运工
12-03 1万+
Qt—样式表（setStyleSheet()）
Qt学习 第20节：setStyleSheet
人类工程师的博客
12-26 1070
#include <QApplication> #include <QSlider> #include <QSpinBox> #include <QVBoxLayout> #include <QLabel> int main(int argc, char *argv[]) { QApplication app(argc, argv); QWidget *window = new QWidget; window-...
Qt中setStyleSheet的用法---看这一篇就够了
热门推荐
拒绝刘亦菲的博客
03-30 5万+
setStyleSheet() 样式-英文 参数 样式-中文 color: white rgb(110,110,110) #eb7350 前景颜色，字体颜色 background: transparent 背景为透明 background-color: white rgb(110,110,110) #eb7350 背景颜色 background-position: le...
Qt中使用setStyleSheet对按钮进行外观设置
maonianlove的博客
02-17 933
Qt中使用setStyleSheet对按钮进行外观设置 字体颜色的设置一般时以下两种方案：（1）属于QWidget子类的一些控件可以直接使用样式表，例如label-&gt;setStyleSheet("color:white");（2）不属于QWidget子类的控件可以考虑设置其前景色，例如各种ViewtreeWidgetItem-&gt;setForeground(0,QBrush(QC...
如何在Qt Designer中实现控件提升？
最新发布
07-29
在 Qt Designer 中实现控件提升（Promotion）是一种扩展标准控件功能的有效方式。通过控件提升，可以将一个标准控件（如 `QListWidget`、`QPushButton` 等）替换为自定义的子类，从而实现更复杂的行为或界面逻辑。以下是实现控件提升的详细步骤： ### 提升控件的步骤 1. **创建自定义控件类** 在代码中定义一个继承自标准控件的类。例如，如果要提升 `QListWidget`，则可以创建一个名为 `CustomListWidget` 的类，并实现所需的功能。 ```python from PyQt5.QtWidgets import QListWidget class CustomListWidget(QListWidget): def __init__(self, parent=None): super(CustomListWidget, self).__init__(parent) # 自定义初始化逻辑 self.setStyleSheet("background-color: #f0f0f0;") ``` 2. **在 Qt Designer 中选择控件** 在 Qt Designer 的界面设计窗口中，找到需要提升的标准控件（如 `QListWidget`），右键点击该控件。 3. **打开“提升为”对话框** 在右键菜单中选择 **“提升为”（Promote to...）** 选项，打开“提升为”对话框。 4. **填写自定义类信息** 在对话框中输入以下信息： - **提升的类名（Promoted class name）**：输入自定义类的名称，如 `CustomListWidget`。 - **头文件（Header file）**：输入包含自定义类的头文件路径，如 `custom_list_widget.h` 或 `custom_list_widget.py`。 5. **确认并应用提升** 点击“添加”按钮将自定义类添加到列表中，然后点击“提升”按钮完成操作。此时，Qt Designer 中的控件将显示为自定义类的名称。 6. **验证提升结果** 在代码中加载 `.ui` 文件时，Qt 会自动使用自定义类实例化该控件。确保自定义类的实现与提升操作一致，以避免运行时错误。 ### 注意事项 - **自定义类必须继承自标准控件**，并且其构造函数应接受 `parent` 参数。 - 提升操作仅在 Qt Designer 中生效，实际运行时需要确保自定义类的代码已正确导入或包含。 - 提升控件后，可以在 Qt Designer 中继续调整布局和属性，这些更改将反映在自定义控件上。 ### 示例：提升 `QListWidget` 为 `CustomListWidget` 1. 在 Qt Designer 中选择 `QListWidget` 控件。 2. 右键点击控件并选择 **“提升为”**。 3. 在对话框中输入： - **提升的类名**：`CustomListWidget` - **头文件**：`custom_list_widget.py` 4. 点击“添加”和“提升”完成操作。 通过上述步骤，可以将 Qt Designer 中的标准控件替换为功能更强大的自定义控件，从而满足特定的应用需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值