6、Qt QSS界面美化

最新推荐文章于 2026-05-31 14:44:00 发布
原创 最新推荐文章于 2026-05-31 14:44:00 发布 · 4.5k 阅读 · 76
文章介绍了如何在Qt Widgets应用中利用QSS进行界面美化，并实现按钮点击时界面在银色与黑色风格间切换。项目从创建Qt Widgets应用开始，包括资源文件的添加、QSS文件的应用及控件初始化，如表格、列表、树形视图等的设置。

一、功能介绍

1、根据刘典武大佬和网上查询的资料，进行更改

https://gitee.com/feiyangqingyun/QWidgetDemo#https://gitee.com/feiyangqingyun/qtkaifajingyan

2、使用QSS对界面进行美化 

3、点击按钮，进行界面样式切换（银色和黑色）

二、项目创建

1、新建Qt Widgets应用，名称为MyQSS，基类选择QMainWindow；

在界面上添加要进行美化的控件

3、下载图标

iconfont-阿里巴巴矢量图标库

下载好的图标放在工程目录下的icon文件夹中 

4、新建silvery.css和psblack.css文件，放在工程目录下的qss文件夹中 

5、向项目中添加一个Qt资源文件，名称为file；

右击“MyQSS”->“Add New”

 Qt->Qt Resource File

名称file->下一步 ->完成

添加->添加前缀->把“ /new/prefix1”删掉

 添加->添加文件，把.qss文件和下载的图标都添加进来，添加好之后Ctrl+S保存；

添加好的工程如下

三、代码展示

1、MainWindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QFile>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void systemInit();

    void on_pushButton_clicked();

    void on_pushButton_2_clicked();

    void on_pushButton_3_clicked();

private:
    Ui::MainWindow *ui;

    QFile *qssFile;
};

#endif // MAINWINDOW_H

2、MainWindow.cpp

#include "MainWindow.h"
#include "ui_MainWindow.h"

#include <QDir>
#include <QStringListModel>
#include <QFileSystemModel>
#include <QStandardItemModel>
#include <QMessageBox>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    systemInit();
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::systemInit()
{
    //加载样式表
    //QFile file(":/qss/silvery.css");
    qssFile = new QFile(":/qss/psblack.css", this);
    qssFile->open(QFile::ReadOnly);                 //只读方式打开文件
    QString styleSheet = tr(qssFile->readAll());    //转为QString类型
    this->setStyleSheet(styleSheet);                //设置样式表
    qssFile->close();

    //控件禁用
    ui->pushButton->setEnabled(false);
    ui->radioButton->setEnabled(false);
    ui->checkBox->setEnabled(false);
    ui->commandLinkButton->setEnabled(false);
    ui->buttonBox->setEnabled(false);

    //QTableWidget
    ui->tableWidget->setRowCount(10); //设置行数为10
    ui->tableWidget->setColumnCount(5); //设置列数为5
    ui->tableWidget->setWindowTitle("QTableWidget & Item");
    QStringList header;
    header<<"Month"<<"Description";
    ui->tableWidget->setHorizontalHeaderLabels(header);
    ui->tableWidget->setItem(0,0,new QTableWidgetItem("Jan"));
    ui->tableWidget->setItem(1,0,new QTableWidgetItem("Feb"));
    ui->tableWidget->setItem(2,0,new QTableWidgetItem("Mar"));
    ui->tableWidget->setItem(0,1,new QTableWidgetItem("Jan's month"));
    ui->tableWidget->setItem(1,1,new QTableWidgetItem("Feb's month"));
    ui->tableWidget->setItem(2,1,new QTableWidgetItem("Mar's month"));


    //QListWidget
    ui->listWidget->addItem(new QListWidgetItem(QIcon(":/icon/checkBox_indeterminate_00BB9E.png"), tr("1")));
    ui->listWidget->addItem(new QListWidgetItem(QIcon(":/icon/checkBox_indeterminate_262829.png"), tr("2")));
    ui->listWidget->addItem(new QListWidgetItem(QIcon(":/icon/checkBox_indeterminate_404244.png"), tr("3")));
    ui->listWidget->addItem(new QListWidgetItem(QIcon(":/icon/checkBox_indeterminate_969696.png"), tr("4")));

    //QTreeWidget
    QStringList headers;
    headers << "Name" << "Number";
    ui->treeWidget->setHeaderLabels(headers);
    QStringList rootTextList;
    rootTextList << "Root" << "0";
    QTreeWidgetItem *root = new QTreeWidgetItem(ui->treeWidget, rootTextList);
    new QTreeWidgetItem(root, QStringList() << QString("Leaf 1") << "1");
    QTreeWidgetItem *leaf2 = new QTreeWidgetItem(root,                                       QStringList() << QString("Leaf 2") << "2");
    leaf2->setCheckState(0, Qt::Checked);
    QList<QTreeWidgetItem *> rootList;
    rootList << root;
    ui->treeWidget->insertTopLevelItems(0, rootList);

    //QListView
    QStringList strlist;
    strlist<<"A"<<"B"<<"C"<<"D";
    QStringListModel *listModel = new QStringListModel(strlist);
    ui->listView->setModel(listModel);
    ui->listView->setModel(listModel);

    //QTreeView
    QFileSystemModel *fileSystemModel = new QFileSystemModel;
    fileSystemModel->setRootPath(QDir::currentPath());
    ui->treeView->setModel(fileSystemModel);

    //QTableView
    QStandardItemModel* model = new QStandardItemModel(this);
    model->setItem(0, 0, new QStandardItem("张三"));
    model->setItem(0, 1, new QStandardItem("3"));
    model->setItem(0, 2, new QStandardItem("男"));
    ui->tableView->setModel(model);


}

void MainWindow::on_pushButton_clicked()
{

}

void MainWindow::on_pushButton_2_clicked()
{
    QMessageBox::warning(this, tr("My Application"),
                                     tr("The document has been modified.\n"
                                        "Do you want to save your changes?"),
                                     QMessageBox::Save | QMessageBox::Discard
                                     | QMessageBox::Cancel,
                                     QMessageBox::Save);
}

void MainWindow::on_pushButton_3_clicked()
{
    if(qssFile->fileName() == ":/qss/psblack.css")
    {
        qssFile->setFileName(":/qss/silvery.css");
    }
    else
    {
        qssFile->setFileName(":/qss/psblack.css");
    }
    qssFile->open(QFile::ReadOnly);                 //只读方式打开文件
    QString styleSheet = tr(qssFile->readAll());    //转为QString类型
    this->setStyleSheet(styleSheet);                //设置样式表
    qssFile->close();
}

 3、psblack.css

/* -----------------------------黑色-------------------------------
背景颜色：#4F4F4F

字体颜色：#FFFFFF
选中字体颜色：#00BB9E
禁用时字体颜色：#DCE1E6

控件颜色：#262829 #969696
禁用控件颜色： #404244

摁键颜色：#646464 #525252

边框颜色：#969696
选中边框颜色：#00BB9E
禁用边框颜色：#4F4F4F
------------------------------------------------------------ */

/* 图标下载网址 ------------------------------------------------------------
https://www.iconfont.cn/search/index?q=%E4%B8%89%E8%A7%92&page=1&tag=&searchType=icon&fromCollection=-1&fills=
-------------------------------------------------------------------*/

/* 官网教程 ------------------------------------------------------------
https://doc.qt.io/qt-5/stylesheet-examples.html
-------------------------------------------------------------------*/

QWidget {
    background-color: #4F4F4F;
    padding: 0px;
    color: #FFFFFF;
}
/* QMainWindow 主界面------------------------------------------------
QMenBar         菜单栏
QMenu           菜单
QToolBar        工具栏
Central Widget  中心部件
QDockWidget     停靠窗口
QStatusBar      状态栏
QSizeGrip       提示窗口拉伸标志
QMessageBox     无法用QSS设置
---------------------------------------------------------------------*/
/* QMenuBar ---------------------------------------------------------
菜单栏
---------------------------------------------------------------------*/
QMenuBar{
    background-color: #4F4F4F;
    color: #FFFFFF;
    margin: 0px;
    padding: 3px 10px;
    min-height: 20px;
    min-width: 20px;
}
QMenuBar::item{
    background-color: #4F4F4F;
    color: #FFFFFF;
    margin: 0px;
    padding: 3px 10px;
}
QMenuBar::item:selected{
    background-color: #262829;
    border: 1px solid #00BB9E;
}
QMenuBar::item:pressed{
    background-color: #969696;
    border: 1px solid #00BB9E;
}
QMenuBar,QMenuBar:disabled{
    color: #DCE1E6;
    background-color: #4F4F4F;
    border: 1px solid #4F4F4F;
    margin: 0px;
}
/* QMenu ------------------------------------------------------------
菜单
--------------------------------------------------------------------------- */
QMenu::item{
    padding: 3px 20px;
}
QMenu::indicator{
    width: 13px;
    height: 13px;
}
QMenu,QMenu:disabled{
    color: #DCE1E6;
    background-color: #4F4F4F;
    border: 1px solid #4F4F4F;
    margin: 0px;
}
QMenu::item:selected{
    background-color: #262829;
    border: 1px solid #00BB9E;
}
QMenu::item:pressed{
    background-color: #969696;
    border: 1px solid #00BB9E;
}
QMenu::separator{ /*分隔符*/
    height: 1px;
    background-color: #969696;
}
/* QToolBar ------------------------------------------------------------
工具栏
--------------------------------------------------------------------------- */
QToolBar, QToolBar:disabled{
    color: #DCE1E6;
    background-color: #4F4F4F;
    border: 0px solid #4F4F4F;
    border-width: 0px 0px 1px 0px;
    min-height: 30px;
}
QToolBar::separator{
    width: 1px;
    background-color: #969696;
}
QToolBar QToolButton{
    min-height: 30px;
    background-color: #4F4F4F;
    border: 0px solid #969696;
    border-width: 0px 0px 1px 0px;
    color: #FFFFFF;
    border-radius: 0px;
}
QToolBar QToolButton:hover{
    background-color: #262829;
    border: 1px solid #00BB9E;
}
QToolBar QToolButton:pressed{
    background-color: #969696;
    border: 1px solid #00BB9E;
}

/* QStatusBar ------------------------------------------------------------
状态栏
--------------------------------------------------------------------------- */
QStatusBar{
    color: red;
    background-color:#4F4F4F;
}

/* QSizeGrip ------------------------------------------------------------
提示窗口拉伸标志
--------------------------------------------------------------------------- */
QSizeGrip{
    min-height: 20px;
    min-width: 20px;
    border-image: url(:/icon/zoom_969696.png);
}
/* QDockWidget ------------------------------------------------------------
停靠窗口：在下面
--------------------------------------------------------------------------- */

/* Buttons 按钮------------------------------------------------------------
QPushButton             推动按钮
QToolButton             工具按钮
QRadioButton            单选按钮
QCheckBox               复选键
QCommandLinkButton	命令链接按钮
QDialogButtonBox              按钮盒
--------------------------------------------------------------------------*/

/* QPushButton ------------------------------------------------------------
摁键
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qpushbutton

--------------------------------------------------------------------------- */
QPushButton {
    background: qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #646464 , stop:1 #525252);
    border: 1px solid #969696;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 1px;
    min-height: 25px;
    min-width: 35px;
}
QPushButton:hover {
    background-color: #00BB9E;
    border: 1px solid #00BB9E;
    color: #FFFFFF;
}
QPushButton:pressed {
    background-color: #969696;
    border: 1px solid #00BB9E;
    color: #FFFFFF;
}
QPushButton:focus {
  border: 1px solid #00BB9E;
}
QPushButton:!enabled {
    background-color: #4F4F4F;
    border: 1px solid #404244;
    border-style: inset;
}

/* QToolButton ------------------------------------------------------------

--------------------------------------------------------------------------- */
QToolButton {
    background: qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #646464 , stop:1 #525252);
    border: 1px solid #969696;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 3px;
    min-height: 20px;
    min-width: 30px;
}
QToolButton:hover {
    background-color: #00BB9E;
    border: 1px solid #00BB9E;
    color: #FFFFFF;
}
QToolButton:pressed {
    background-color: #969696;
    border: 1px solid #00BB9E;
    color: #FFFFFF;
}
QToolButton:focus {
  border: 1px solid #00BB9E;
}
QToolButton[popupMode="0"] {
    padding-right: 2px;
}
QToolButton[popupMode="1"] {
    padding-right: 2px;
}
QToolButton[popupMode="2"] {
    padding-right: 2px;
}
QToolButton::menu-button {
    padding: 2px;
    border-radius: 4px;
    border: 1px solid #969696;
    width: 12px;
    outline: none;
}
QToolButton:menu-button:hover {
    background-color: #00BB9E;
    border: 1px solid #969696;
    color: #FFFFFF;
}
QToolButton:menu-button:pressed {
    background-color: #969696;
    border: 1px solid #00BB9E;
    color: #FFFFFF;
}
QToolButton::menu-arrow {
    image: url(":/icon/down_triangle_4F4F4F.png");
    height: 8px;
    width: 8px;
}
QToolButton::menu-arrow:hover {
    image: url(":/icon/down_triangle_262829.png");
}
QToolButton::menu-arrow:pressed {
    image: url(":/icon/down_triangle_4F4F4F.png");
}
QToolButton:disabled {
    color: #DCE1E6;
    background-color: #4F4F4F;
    border: 1px solid #404244;
}

/* QRadioButton -----------------------------------------------------------

https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qradiobutton

--------------------------------------------------------------------------- */
QRadioButton {
    background-color: transparent;
    color: #FFFFFF;
    spacing: 4px;
    padding: 0px;
    border: none;
    outline: none;
    min-height: 20px;
    min-width: 30px;
}
QRadioButton:focus {
    border: none;
}
QRadioButton::indicator {
    border: none;
    outline: none;
    margin-left: 4px;
    height: 16px;
    width: 16px;
}
QRadioButton::indicator:unchecked {
    image: url(:/icon/radioButton_unselect_969696.png);
}
QRadioButton::indicator:unchecked:hover{
    border: none;
    outline: none;
    image: url(:/icon/radioButton_unselect_262829.png);
}
QRadioButton::indicator:unchecked:focus{
    border: none;
    outline: none;
    image: url(:/icon/radioButton_unselect_00BB9E.png);
}
QRadioButton::indicator:unchecked:pressed {
    border: none;
    outline: none;
    image: url(:/icon/radioButton_unselect_969696.png);
}
QRadioButton::indicator:checked {
    border: none;
    outline: none;
    image: url(:/icon/radioButton_select_969696.png);
}
QRadioButton::indicator:checked:hover{
    border: none;
    outline: none;
    image: url(:/icon/radioButton_select_262829.png);
}
QRadioButton::indicator:checked:focus{
    border: none;
    outline: none;
    image: url(:/icon/radioButton_select_00BB9E.png);
}
QRadioButton::indicator:checked:pressed {
    border: none;
    outline: none;
    image: url(:/icon/radioButton_select_969696.png);
}

QRadioButton:disabled{
    background-color: #4F4F4F;
    color: #DCE1E6;
}

QRadioButton::indicator:unchecked:disabled {
    image: url(:/icon/radioButton_unselect_404244.png);
}

QRadioButton::indicator:checked:disabled {
    image: url(:/icon/radioButton_select_404244.png);
}

/* QCheckBox --------------------------------------------------------------
QT网址
https://doc.qt.io/qt-5/stylesheet-examples.html#customizing-qcheckbox
图标网址
https://www.iconfont.cn/search/index?searchType=icon&q=%E5%8D%8A%E9%80%89&page=3&fromCollection=-1&fills=&tag=

--------------------------------------------------------------------------- */
QCheckBox {
    background-color: #4F4F4F;
    color: #FFFFFF;
    spacing: 4px;
    outline: none;
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 20px;
    min-width: 30px;
}
QCheckBox:disabled {
    background-color: #4F4F4F;
    color: #DCE1E6;
}
QCheckBox::indicator {
    margin-left: 4px;
    height: 16px;
    width: 16px;
}
QCheckBox::indicator:unchecked {
    image: url(:/icon/checkBox_unselect_969696.png);
}
QCheckBox::indicator:unchecked:focus {
    image: url(:/icon/checkBox_unselect_00BB9E.png);
}
QCheckBox::indicator:unchecked:hover {
    image: url(:/icon/checkBox_unselect_00BB9E.png);
}
QCheckBox::indicator:unchecked:pressed {
    image: url(:/icon/checkBox_unselect_262829.png);
}
QCheckBox::indicator:unchecked:disabled {
    image: url(:/icon/checkBox_unselect_404244.png);
}

QCheckBox::indicator:checked {
    image: url(:/icon/checkBox_select_969696.png);
}
QCheckBox::indicator:checked:focus {
    image: url(:/icon/checkBox_select_00BB9E.png);
}
QCheckBox::indicator:checked:hover {
    image: url(:/icon/checkBox_select_00BB9E.png);
}
QCheckBox::indicator:checked:pressed {
    image: url(:/icon/checkBox_select_262829.png);
}
QCheckBox::indicator:checked:disabled {
    image: url(:/icon/checkBox_unselect_404244.png);
}
QCheckBox::indicator:indeterminate {
    image: url(":/icon/checkBox_indeterminate_969696.png");
}
QCheckBox::indicator:indeterminate:focus {
    image: url(":/
标签
#qt #开发语言 #动画
最低0.47元/天 解锁文章
QT6界面美化实战：从QSS样式表到自定义控件的完整指南
docker7nomad的博客
02-09 486
本文提供QT6界面美化的完整实战指南，涵盖QSS样式表基础、常用控件样式优化、自定义控件开发及动画效果集成。通过具体代码示例展示如何实现现代化UI设计，包括按钮美化、阴影渐变和响应式布局，帮助开发者提升QT6应用的用户体验和视觉吸引力。
《Qt》part 6 QSS Qt样式表——界面美化1
热门推荐
梁的博客
02-19 1万+
《Qt》part 6 QSS Qt样式表——界面美化1 样式表给你无聊的Qt GUI增添了重味道。        很长一段时间，Qt已经允许你使用CSS'ish样式表来装饰你的GUI。 受网络启发，样式表是一个伟大的方式来风格化你的Qt GUI，但似乎很少有人使用它们。 在本教程中，我们将使用Designer和样式表在Qt中创建一个示例对话框。 本教程假设您可以在Qt Designer中解
如何永久保存微信聊天记录：WeChatMsg免费工具的终极指南
gitblog_09758的博客
05-28 1021
你是否曾为珍贵的微信聊天记录无法永久保存而烦恼？那些与亲友的温馨对话、重要的工作沟通、难忘的生活片段，都值得被永远珍藏。**微信聊天记录永久保存**是许多人的共同需求，而**WeChatMsg**正是为此而生的免费本地工具。这款开源软件让你能够轻松实现**数据主权**，将聊天记录导出为HTML、Word、CSV等多种格式，还能生成详细的**年度报告**，让你的数字记忆永不丢失。 ## 你的微信数
QT6与现代前端框架的界面美化对比：从QSS到CSS-in-JS的技术演进
oauth7security的博客
02-10 841
本文对比了QT6的QSS与现代前端框架的CSS-in-JS在界面美化上的技术演进。重点分析了两者在动态样式、主题切换、性能优化及开发体验上的核心差异，为开发者在跨平台技术选型时提供参考，特别适合QT6界面美化需求的项目评估。
83-QStyle和QSS
*****
07-02 2136
PySide6是一个跨平台的类库,相同的窗口和界面在不同的平台上显示的样式不一样,可以根据需要在不同的平台上设置界面不同的外观风格。QStyle是封装GUI外观的抽象类。PySide6定义了QStyle类的一些子类,应用于不同的操作系统中。可以用窗口、控件或应用程序的setStyle(QStyle)方法给窗口、控件或整个应用程序设置风格,用style()方法获取风格。
PySide6界面美化实战：用QSS（Qt Style Sheets）让你的Python GUI应用颜值翻倍
weixin_30700099的博客
04-28 300
本文详细介绍了如何使用PySide6和QSS（Qt Style Sheets）技术为Python GUI应用进行界面美化。通过200+行实战代码，展示了从基础样式设置到高级动态效果的完整流程，包括按钮、输入框等常见组件的样式改造，以及渐变、阴影等视觉效果的实现。文章还提供了工程化实践建议和性能优化技巧，帮助开发者打造专业级美观界面。
Qt界面美化实战：手把手教你用QSS打造高颜值UI（附6套皮肤资源）
weixin_28304023的博客
03-05 420
本文是Qt界面美化的实战指南，详细介绍了如何使用QSS（Qt样式表）为应用程序打造高颜值UI。从核心语法、选择器、盒模型到实战案例，手把手教你美化按钮、输入框、复选框等控件，并提供了6套可直接使用的皮肤资源，涵盖深色、扁平、拟物等多种风格，帮助开发者高效实现界面视觉升级。
如何使用QSS、QRC美化PySide6界面
penriver的博客
01-26 1万+
QRC: 与应用程序关联的资源以 .qrc 文件指定，.qrc 文件是一种基于 XML 的文件格式，该文件格式列出了磁盘上的文件，并可以选择为它们分配一个资源名称，应用程序必须使用该资源名称来访问该资源。 QSS: 全称 Qt Style Sheets（Qt样式表），用于美化Qt程序界面，类似于CSS，但不如CSS强大，选择器和属性较少。 本文主要介绍在PySide6中使用QSS与QRC：介绍QRC的定义和使用、QSS的定义和使用、分享样式和样式编辑器。QSS与QRC本身的语法详解请参考官方文档
【PySide6】Qt-material美化实战：从安装到避坑指南
weixin_29011239的博客
03-07 248
本文为PySide6开发者提供了使用qt-material库进行界面美化的完整实战指南。文章详细介绍了从环境配置、版本选择（推荐PySide6 6.2.x以避免兼容性问题）、主题应用到复杂控件美化的全流程，并分享了动态切换主题、自定义颜色等进阶技巧与常见避坑方案，帮助开发者快速打造现代化、专业的Material Design风格桌面应用界面。
Qt加载qss资源文件
gitblog_09795的博客
05-18 1072
本仓库提供了一个用于Qt应用程序界面优化的资源文件，包含代码和所需的图片资源。通过加载这些qss文件，您可以轻松实现黑色炫酷和白色靓丽两种风格的界面效果。 ## 资源内容 - **qss文件**：包含黑色炫酷和白色靓丽两种风格的qss样式文件。 - **图片资源**：包含界面所需的图片资源，确保界面效果的完整呈现。 ## 使用方法 1. **下载资源**：将本仓库中的所有文件下载到您的项目
如何把GUI做的像Web一样美观：Python PyQt6特性介绍，如何结合QSS美化
mosquito_lover1的专栏
03-06 3486
Python PyQt6+QSS，把GUI做的像WEB一样美观
告别原生丑界面：用PySide6 + QSS给你的Python桌面应用换肤（附完整QRC配置）
weixin_30613433的博客
04-20 226
本文详细介绍了如何使用PySide6和QSS为Python桌面应用进行界面美化，包括QRC资源管理系统的配置与使用、QSS样式表的实战技巧以及模块化样式管理策略。通过完整的代码示例和最佳实践，帮助开发者轻松实现专业级应用界面换肤。
基于 QT 的电力软件界面开发之旅
YRYDZFtyVKg的博客
02-06 392
为了实现下拉导航栏右边的伸缩显示，可以使用和QMenu结合的方式。// 创建伸缩按钮// 添加自定义列表项expandMenu->addAction("列表项 1");expandMenu->addAction("列表项 2");代码分析：这里创建了一个作为伸缩按钮，然后为其添加了一个QMenu作为下拉菜单。通过设置，可以实现点击按钮立即弹出菜单的效果。自定义 tab 页和表格页可以通过继承QWidget和来实现。
基于QT的电力软件界面
2301_76989824的博客
03-13 1339
包含软件工程源码，软件配置环境：VS2012+Qt4.6，windows操作系统。[1]界面首页显示，系统下拉导航栏显示、主功能tab页显示。[5]自定义控件，QSS界面美化，扁平化界面风格显示；[2]下拉导航栏右边伸缩显示，自定义列表控件；[4] 包含软件打包程序，一键运行；[3]自定义tab页、表格页功能；[6]统一界面风格和背景图片。基于QT的电力软件界面。
QT肝8天03--美化登录
hqwest的专栏
10-01 833
本文介绍了Qt界面美化的核心方法，重点讲解了QSS样式表的使用技巧。内容包括：1）基础界面搭建，建议使用语义化控件命名；2）QSS样式表应用，详细说明如何设置全局样式、控件状态反馈和动态背景；3）布局管理优化，推荐使用布局管理器实现自适应；4）进阶技巧如资源文件管理、动画效果和主题切换；5）QSS的兼容性说明，指出与CSS标准的异同及版本适配建议。文章最后提供了完整的样式表示例代码，涵盖按钮、输入框、表格等常见控件的样式定制。
Qt6实战：给你的桌面应用加个‘专业皮肤’——深度定制菜单栏与工具栏样式
最新发布
weixin_30475039的博客
05-31 665
本文详细介绍了如何使用Qt6深度定制桌面应用的菜单栏与工具栏样式，提升应用的专业感和用户体验。通过QSS样式表、动画效果和高级设计技巧，实现渐变背景菜单、动态工具栏按钮和状态栏美化，帮助开发者打造视觉统一的专业级界面。
PySide6中的QSS（Qt Style Sheet，类似CSS）支持的属性
循环编织时间年轮，递归叩问存在本质，谁能在硅基荒原上，种出思想的玫瑰……
01-16 1004
本文总结了PySide6中QSS（Qt样式表）支持的常用属性，分为通用属性和控件专属属性两大类。通用属性包括背景、字体、边框、布局等基础样式设置，适用于所有控件。控件专属属性则针对特定控件（如按钮、输入框、滚动条等）提供定制化样式选项，并支持伪状态（如hover、pressed）实现交互效果。该分类表清晰展示了各属性的作用示例，为PySide6界面美化提供了实用参考。
告别命令行：用PySide6给Python脚本加个图形界面，打包成exe分享给朋友
weixin_42527464的博客
04-20 384
本文详细介绍了如何使用PySide6为Python脚本开发图形界面，并通过PyInstaller打包成exe文件，方便非技术用户使用。从基础窗口搭建到界面美化，再到功能整合与打包技巧，全面覆盖了GUI开发的关键步骤，帮助开发者将命令行工具转化为易用的桌面应用。
Qt6计算器项目全解析，15分钟掌握动态UI创建与QSS美化技巧
weixin_45715405的博客
08-28 125
本文介绍了一个基于Qt6框架开发的现代化桌面计算器项目。该项目使用C++实现，支持基本四则运算和高级数学功能，包括内存管理、百分比计算等。核心特点包括：通过代码动态创建UI界面，采用Qt样式表实现美观的深色主题，完整实现计算器逻辑功能。项目结构清晰，包含应用程序入口、主窗口类和核心实现文件，展示了Qt的信号槽机制、布局管理和事件处理等关键技术。这个跨平台项目适合作为学习Qt GUI编程的范例，可运行于Windows、macOS和Linux系统。
Qt开发笔记-----基础篇
qq_51432166的博客
05-28 4467
自定义信号和槽的条件：自定义的类，要继承自 QObject自定义的类，其中要声明一个宏 Q_OBJECT只有满足了这两个条件才可以正常使用信号槽机制（当然，槽函数是全局函数、 Lambda 表达式等无需接收者的时候除外，后边讲解）。1、自定义信号槽案例接下来，我们通过一个案例，演示自定义信号槽的使用。案例：“长官” (Commander)发送一个 “冲” (go) 的信号，然后 “士兵" (Soldier)执行“ 战斗” (fight) 的槽函数（1）创建 Commander 类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值