Qt 之 QSS（黑色炫酷）

一去丶二三里

已于 2023-07-05 18:08:30 修改

阅读量8.9w

点赞数 59

分类专栏： Qt 高级编程文章标签： Qt QSS Qt样式 Qt风格 Qt-Style

于 2016-07-22 10:04:12 首次发布

本文链接：https://blog.csdn.net/liang19890820/article/details/51992070

版权

Qt 高级编程专栏收录该内容

37 篇文章 1039 订阅 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员

Qt助手中有关于各种部件的QSS详细讲解，资源很丰富，请参考：Qt Style Sheets Examples。

黑色炫酷 - 一款漂亮的QSS风格。

之前博客中分享了很多关于Qt的样式效果，几乎都是基于此样式。

声明

被授权人权利

被授权人有权利使用、复制、修改、合并、出版发行、散布、再授权及贩售软件及软件的副本。
被授权人可根据程序的需要修改授权条款为适当的内容。

被授权人义务

效果

这里写图片描述

QSS

/*
* The MIT License (MIT)
*
* Copyright : http://blog.csdn.net/liang19890820
*
* Author : 一去丶二三里
*
* Date : 2016/07/22

了解本专栏

订阅专栏解锁全文

超级会员免费看

优惠劵

一去丶二三里

关注关注

59
点赞
踩
190

收藏

觉得还不错? 一键收藏
打赏
197
评论
Qt 之 QSS（黑色炫酷）

黑色炫酷 - 一款漂亮的QSS风格。
复制链接

扫一扫

专栏目录

订阅专栏

QT中QSS设置的三种方法

热土程序园：分享技术，利他愉己~

02-27

2011

什么是QSS QSS称为Qt Style Sheets也就是Qt样式表，它可以应用于Qt部件（Widgets）和绘制元素，以定制和美化用户界面。QSS大量参考了CSS的内容，只不过QSS的功能比CSS要弱很多，体现在选择器少，可以使用的QSS属性也要少很多，而且并不是所有的属性都可以用在Qt的所有控件上。二.QSS三种设置方法方法一： 1.QSS文件示例方法二： 1.QT程序中直接设置QSS 方法三： 1.在控件界面中直接设置qss

QT精美样式表，超级好看

12-29

QT精美样式表，超级好看，对QT常用的控件都做了美化，包含按钮、编辑框、进度条、下拉框、表格等等几十种，特别美观。只要一套搞定QT界面。

197 条评论您还未登录，请先登录后发表或查看评论

QT 黑色风格+白色风格+淡蓝色风格样式表

12-31

QT 黑色风格+白色风格+淡蓝色风格样式表，文件为CSS格式同。欢迎各位下载参考。

QT Creator更改主题和编辑器风格（附几款黑色主题免费下载）

最新发布

吻等离子的博客

09-08

1万+

选择一个已有编辑器风格点击复制就可以编辑主题风格进行自定义了注意自定义的编辑器风格存在于：C:\Users\dell\AppData\Roaming\QtProject\qtcreator\styles边框风格可以从系统自带的几种选择，基本满足需求，也复制一个预定义的方案，然后在新复制的方案中修改各项的颜色。

Qt之QSS（QDarkStyleSheet）

weixin_34357962的博客

07-13

773

简述关于样式，前面介绍了很多内容，下面分享一个深色样式表，很值得借鉴！简述效果 QSS 更多参考效果 QSS /* * The MIT License (MIT) * * Copyright (c) <2013-2014> <Colin Duquesnoy>...

使用Qt 6.5的Windows 11上的黑暗模式

aggs1990的专栏

02-25

3198

基于微软提供的Fluent设计的Windows上的Qt应用程序的令人信服的原生外观将是这项工作的良好基准。因此，虽然Qt可以从系统中读取深色调色板，但当使用基于UxTheme的Vista风格时，我们无法真正使用它-我们会为一些UI元素提供深色主题颜色，但从系统中获取浅色UI控件资产，从而给用户留下不可用的用户界面。我们没有在Windows上更改Qt中的默认样式，因此默认情况下，您的应用程序将使用Windows Vista样式，即使在运行深色主题的Windows 11系统上，也将使用浅色系统调色板。

好用的QT-qss漂亮界面

10-25

三总效果，切换方便，含代码和图片

Qt样式表、QSS、QT界面美化、Qt框架、Qt5、Qt编程

12-16

Qt是由Qt Company开发的主流跨平台的漂亮绚丽的用户界面应用程序开发的C++框架。Qt是面向对象的框架、容易扩展，并且允许真正地组件编程，既可以开发GUI程序，也可用于控制台工具和服务器。其跨平台集成开发环境Qt Creator 全面支持Windows ，mac、Linux、iOS、Android、WP等。Qt样式表(Qt Style Sheet)Qt框架受HTML中的层级样式表(Cascading Style Sheets,CSS)的启发，产生了QSS， QSS用于定义各种界面组件(QWidget类及其子类)的外观样式，从而使Qt界面呈现绚丽漂亮的换肤效果。本课程主要帮助学员熟练掌握Qt 5框架下的样式表、界面美化，通过Qt控件的界面美化案例的详细讲解演示，使用Qt框架做出各种绚丽的界面效果、迅速帮助学员达到企业级Qt开发工程师的能力！适合希望达到企业级Qt框架开发水平的童鞋，希望Qt编程能力大幅度提升的童鞋！

Qt 样式表之QSS

billy的博客

03-09

1万+

QSS 简介 QSS 全称为 Qt Style Sheets 也就是 Qt 样式表，它是 Qt 提供的一种用来自定义控件外观的机制。QSS 大量参考了 CSS 的内容，只不过 QSS 的功能比 CSS 要弱很多，体现在选择器要少，可以使用的 QSS 属性也要少很多，并且并不是所有的属性都可以用在 Qt 的所有控件上。 QSS 语法高亮通过 “工具” -> “选项” 进入设置，通过 “text/css” 快速定位，然后在详情中添加 “*.qss” 即可实现 QSS 文件语法高亮，注意分隔符用 ‘;’

Qt工程实践_01_Qt样式表Qss（什么是QSS；基本语法；setStyleSheet函数；样式表的属性值；利用QtCreate实现样式切换；样式表实现皮肤改变实例）

分享学习成长历程，Winter is coming！

05-08

2万+

本篇介绍什么是样式表，讨论如何使用Qt样式表Qss修改应用程序外观，并通过实例进行讲解。了解HTML的同学都知道，一般在HTML中我们把样式表叫做CSS，在Qt中我们称之为QSS。QSS和CSS并不完全等同，语法完全类似，定义上存在一些差别。 1. 什么是QSS QSS是Qt程序界面中用来设置控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性，用于美化UI界面。实现界面和程序的分离，快速切换皮肤。 QSS最大的优点就是简单便捷，我们可以通过它快速实现应用程序的外观界面。 2. QSS的基本语法

【QT】QSS美化——基础知识

热门推荐

俊俊的博客

03-04

3万+

QSS定制：介绍了QSS辅助工具、QSS加载方式、QSS选择器、QSS常用属性、QSS伪状态与子控件

QT动态切换样式，几种好看的样式风格

05-28

1、QT动态切换样式； 2、几种好看的样式风格

Qt使用QSS对界面进行美化

11-23

使用QSS对界面进行美化；点击按钮，进行界面样式切换（银色和黑色）

Qt之QSS（白色靓丽）

03-26

Qt之QSS（白色靓丽）

qt主题qss收集.rar

06-21

本资源内qss可直接添加到工程中我的资源，然后调用即可一键换肤

QSS样式表之PS黑色风格+白色风格+淡蓝色风格

05-06

QSS样式表之高仿PS黑色风格+白色风格+淡蓝色风格，个人最喜爱的淡蓝色风格，相当精美！

Qt之QSS文件使用.rar

09-23

5.保证无毒 1.简单,方便,实用 3.实例可以自行改用 1.如有非法,本人无法律责任！ 8.更多作品,查找标签“朱建强”7.... 4.如需联系我请看左边数字！1.如不知代表何物，那就放弃计算机吧！ 0....CSDN老板不让我上传联系方式。

QT中使用QSS进行界面美化及很好的QSS样式表

哲学天空的博客

05-03

2万+

一、使用QSS进行界面美化在qt编辑器中选择窗口----> 改变样式表 —> 输入qss样式代码，可以控制qss对应窗口控件样式，右击某个控件----> 改变样式表 —>输入qss样式代码，可以控制这个控件的样式。如下：原来的界面：加入QSS样式的界面：二、很好的QSS样式表 1.https://github.com/GTRONICK/QSS 2. 自...

QSS总结以及最近做的Qt项目

11-13

2929

什么是QSS QSS称为Qt Style Sheets也就是Qt样式表，它是Qt提供的一种用来自定义控件外观的机制。QSS大量参考了CSS的内容，只不过QSS的功能比CSS要弱很多，体现在选择器要少，可以使用的QSS属性也要少很多，并且并不是所有的属性都可以用在Qt的所有控件上。 QSS在Qt程序中的使用办法首先将QSS写在文件中，然后利用如下的代码设置QSS： MainW...

qt qss 炫酷界面

07-27

回答: Qt Style Sheets (QSS) 是一种用于美化Qt界面的编程语言，其语法和CSS基本一样。你可以使用QSS来实现炫酷的界面效果。通过自定义QSS样式，你可以改变控件的外观，包括边框、背景、字体等。你可以使用QSS来实现自定义的系统标题栏，以避免在不同操作系统下出现不一致的外观。你还可以实现拖动、最大化、最小化等功能，并支持多种主题和皮肤切换。如果你希望子窗口能像Visual Studio一样随意拖动和布局，也可以通过QSS来实现。下面是一个使用QSS的例子，可以让QLineEdit控件在不同状态下显示不同的样式: QLineEdit { border: 0px; margin: 10px; margin-left: 50px; margin-right: 50px; border-bottom: 2px solid #B3B3B3; font-family: 'Microsoft YaHei'; font-size: 20px; font-weight: bold; } QLineEdit:hover { border-bottom: 3px solid #66A3FF; } QLineEdit:focus { border-bottom: 3px solid #E680BD; } 通过修改这些样式，你可以实现自己想要的炫酷界面效果。希望对你有帮助！\[2\]\[3\] #### 引用[.reference_title] - *1* *3* [[PYQT5]如何做出精美界面，让你的软件高n个档次，QSS实例教程--不定时更新--part1[QLineEdit]](https://blog.csdn.net/mahuatengmmp/article/details/105757396)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [发布十几套Qt精美皮肤（Qt使用QSS进行界面美化）](https://blog.csdn.net/weixin_41749063/article/details/108789096)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交