Qt中漂亮的几款QSS

最新推荐文章于 2024-04-17 20:44:45 发布
最新推荐文章于 2024-04-17 20:44:45 发布
阅读量3.4k 收藏 23
点赞数 1
分类专栏： Qt 文章标签： Qt中漂亮的几款QSS
原文链接：http://www.cnblogs.com/newstart// 
版权

Qt中漂亮的几款QSS

2017-03-02 11:12:20 Royecode 阅读数 2920更多

分类专栏： Study

作者：江南烟雨居 
出处：http://www.cnblogs.com/newstart// 
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

/* === Shared === */ 
QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, 
QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog { 
background-color: #222222; 
color: #BBBBBB; 
font-family: “Segoe UI”; 
}

/* === QWidget === */ 
QWidget:window { 
background: #222222; 
color: #BBBBBB; 
font-family: “Segoe UI”; 
}

/* === QToolTip === */ 
QToolTip { 
background-color: #000000; 
border: 2px solid #333333; 
color: yellow; 
}

/* === QPushButton === */ 
QPushButton { 
border: 1px solid #333333; 
padding: 4px; 
min-width: 65px; 
min-height: 12px; 
}

QPushButton:hover { 
background-color: #333333; 
border-color: #444444; 
}

QPushButton:pressed { 
background-color: #111111; 
border-color: #333333; 
color: yellow; 
}

QPushButton:disabled { 
color: #333333; 
}

/* === Checkable items === */ 
QCheckBox::indicator, QRadioButton::indicator, QTreeView::indicator { 
width: 16px; 
height: 16px; 
background-color: #111111; 
border: 1px solid #333333; 
}

QRadioButton::indicator { 
border-radius: 8px; 
}

QCheckBox::indicator::checked, QRadioButton::indicator::checked, QTreeView::indicator::checked { 
background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #111111); 
}

QCheckBox::indicator:disabled, QRadioButton::indicator:disabled, QTreeView::indicator:disabled { 
background-color: #444444; 
}

QCheckBox::indicator::checked:disabled, QRadioButton::indicator::checked:disabled, QTreeView::indicator::checked:disabled { 
background-color: qradialgradient(cx:0.5, cy:0.5, fx:0.25, fy:0.15, radius:0.3, stop:0 #BBBBBB, stop:1 #444444); 
}

/* === QComboBox === */ 
QComboBox { 
background-color: black; 
border: 1px solid #333333; 
color: white; 
padding:1px 2em 1px 3px; 
}

QComboBox::drop-down { 
subcontrol-origin: padding; 
subcontrol-position: top right; 
border-left: 1px solid #333333; 
}

QComboBox::down-arrow { 
border: 2px solid #333333; 
width: 6px; 
height: 6px; 
background: #5f5f5f; 
}

/* === QGroupBox === */ 
QGroupBox { 
border: 2px solid #333333; 
margin-top: 2ex; 
}

QGroupBox::title { 
color: yellow; 
subcontrol-origin: margin; 
subcontrol-position: top left; 
margin-left: 5px; 
}

/* === QTabWidget === */ 
QTabWidget::pane { 
background: #222222; 
border: 2px solid #333333; 
}

/* === QTabBar === */ 
QTabBar::tab { 
background: transparent; 
border: 1px solid #333333; 
border-bottom: none; 
color: #BBBBBB; 
padding-left: 5px; 
padding-right: 10px; 
padding-top: 3px; 
padding-bottom: 3px; 
}

QTabBar::tab:hover { 
background-color: #333333; 
border: 1px solid #444444; 
border-bottom: none; 
}

QTabBar::tab:selected { 
background-color: #111111; 
border: 1px solid #333333; 
border-top: 1px solid yellow; 
border-bottom: none; 
color: yellow 
}

/* === QToolBar === */ 
QToolBar { 
background-color: #222222; 
border: none; 
padding: 1px; 
}

QToolBar:handle { 
background: #222222; 
border-left: 1px dotted yellow; 
color: #BBBBBB; 
}

QToolBar::separator { 
width: 6px; 
background-color: #222222; 
}

/* === QToolButton === */ 
QToolButton { 
border: 1px solid #333333; 
margin: 1px; 
}

QToolButton:hover { 
background-color: #333333; 
border: 1px solid #444444; 
}

QToolButton[popupMode=”1”] { /* only for MenuButtonPopup */ 
padding-right: 20px; /* make way for the popup button */ 
}

QToolButton::menu-button { 
border-left: 1px solid #333333; 
background: transparent; 
width: 16px; 
}

QToolButton::menu-button:hover { 
border-left: 1px solid #444444; 
background: transparent; 
width: 16px; 
}

QToolButton:checked, QToolButton:pressed { 
background-color: #111111; 
color: yellow; 
}

/* === QMenu === */ 
QMenu { 
background-color: black; 
border: 1px solid gray; 
color: white; 
padding: 1px; 
}

QMenu::item { 
padding: 2px 25px 2px 20px; 
border: 1px solid transparent; 
}

QMenu::item:disabled { 
color: #666666; 
}

QMenu::item:selected { 
border-color: gray; 
background: #222222; 
}

QMenu::icon:checked {

}

QMenu::separator { 
height: 1px; 
background: #222222; 
margin-left: 10px; 
margin-right: 10px; 
margin-top: 1px; 
margin-bottom: 1px; 
}

QMenu::indicator { 
width: 13px; 
height: 13px; 
}

/* === QMenuBar === */ 
QMenuBar { 
background-color: black; 
color: white; 
}

QMenuBar::item { 
background: transparent; 
}

QMenuBar::item:disabled { 
color: gray; 
}

QMenuBar::item:selected { 
background: #222222; 
}

QMenuBar::item:pressed { 
background: #444444; 
}

/* === QScrollBar:vertical === */ 
QScrollBar:vertical { 
background: #111111; 
width: 16px; 
margin: 16px 0 16px 0; 
}

QScrollBar::handle:vertical { 
background: #555555; 
min-height: 16px; 
}

QScrollBar::add-line:vertical { 
background: #444444; 
height: 16px; 
subcontrol-position: bottom; 
subcontrol-origin: margin; 
}

QScrollBar::sub-line:vertical { 
background: #444444; 
height: 16px; 
subcontrol-position: top; 
subcontrol-origin: margin; 
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { 
background: none; 
}

QScrollBar:up-arrow:vertical, QScrollBar:down-arrow:vertical { 
border: 2px solid #333333; 
width: 6px; 
height: 6px; 
background: #5f5f5f; 
}

/* === QScrollBar:horizontal === */ 
QScrollBar:horizontal { 
background: #111111; 
height: 16px; 
margin: 0 16px 0 16px; 
}

QScrollBar::handle:horizontal { 
background: #555555; 
min-width: 16px; 
}

QScrollBar::add-line:horizontal { 
background: #444444; 
width: 16px; 
subcontrol-position: right; 
subcontrol-origin: margin; 
}

QScrollBar::sub-line:horizontal { 
background: #444444; 
width: 16px; 
subcontrol-position: left; 
subcontrol-origin: margin; 
}

QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { 
background: none; 
}

QScrollBar:left-arrow:horizontal, QScrollBar:right-arrow:horizontal { 
border: 2px solid #333333; 
width: 6px; 
height: 6px; 
background: #5f5f5f; 
}

/* =================== */ 
QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox { 
background-color: black; 
color: #BBBBBB; 
border: 1px solid #333333; 
}

QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox { 
border-color: #333333; 
border: 1px solid #333333;

}

/* === QHeaderView === */ 
QHeaderView::section { 
background: #222222; 
border: 0; 
color: #BBBBBB; 
padding: 3px 0 3px 4px; 
}

/* === QListView === */ 
QListView::item:hover { 
background: #333333; 
}

QListView::item:selected { 
background: #111111; 
color: yellow; 
}

/* === QTableView === */ 
QTableView::item:hover { 
background: #333333; 
}

QTableView::item:hover { 
background: #111111; 
color: yellow; 
}

/* === QTreeView === */ 
QTreeView::item { 
background: black; 
}

QTreeView::item:hover { 
background: #333333; 
}

QTreeView::item:selected { 
background: #111111; 
color: yellow; 
}

QTreeView::branch {

}

QTreeView::branch:has-siblings:adjoins-item {

}

QTreeView::branch:has-siblings:!adjoins-item {

}

QTreeView::branch:closed:has-children:has-siblings {

}

QTreeView::branch:has-children:!has-siblings:closed {

}

QTreeView::branch:!has-children:!has-siblings:adjoins-item {

}

QTreeView::branch:open:has-children:has-siblings {

}

QTreeView::branch:open:has-children:!has-siblings {

}

/* === Customizations === */ 
QFrame#infoLabel { 
border: 1px inset #333333; 
}

2. 
.QWidget { 
background-color: beige; 
}

QToolBar { 
background-color: beige; 
}

QDialog, QFileDialog { 
background-color: beige; 
}

QTabWidget::pane { /* The tab widget frame */ 
border-top: 2px solid #C2C7CB; 
}

QTabWidget::tab-bar { 
left: 5px; /* move to the right by 5px */ 
}

QTabBar, QTabWidget { 
background-color: beige; 
} 
QTabBar::tab { 
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 
stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, 
stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); 
border: 1px solid darkkhaki; 
border-bottom-color: #C2C7CB; /* same as the pane color */ 
border-top-left-radius: 4px; 
border-top-right-radius: 4px; 
min-width: 8ex; 
padding: 2px; 
} 
QTabBar::tab:selected, QTabBar::tab:hover { 
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 
stop: 0 #fafafa, stop: 0.4 #f4f4f4, 
stop: 0.5 #e7e7e7, stop: 1.0 #fafafa); 
}

QTabBar::tab:selected { 
border-color: #9B9B9B; 
border-bottom-color: #C2C7CB; /* same as pane color */ 
}

QTabBar::tab:!selected { 
margin-top: 2px; /* make non-selected tabs look smaller */ 
}

/* Nice Windows-XP-style password character. */ 
QLineEdit[echoMode=”2”] { 
lineedit-password-character: 9679; 
}

QHeaderView::section { 
background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, 
stop:0 #616161, stop: 0.5 #505050, 
stop: 0.6 #434343, stop:1 #656565); 
color: white; 
padding-left: 4px; 
border: 1px solid #6c6c6c; 
}

QHeaderView::section:checked 
{ 
background-color: red; 
}

/* We provide a min-width and min-height for push buttons 
so that they look elegant regardless of the width of the text. */ 
QPushButton { 
background-color: palegoldenrod; 
border-width: 2px; 
border-color: darkkhaki; 
border-style: solid; 
border-radius: 5; 
padding: 3px; 
min-width: 9ex; 
min-height: 2.5ex; 
}

QPushButton:hover { 
background-color: khaki; 
}

/* Increase the padding, so the text is shifted when the button is 
pressed. */ 
QPushButton:pressed { 
padding-left: 5px; 
padding-top: 5px; 
background-color: #d0d67c; 
}

QLabel, QAbstractButton { 
font: bold; 
}

/* Mark mandatory fields with a brownish color. */ 
.mandatory { 
color: brown; 
}

/* Bold text on status bar looks awful. */ 
QStatusBar QLabel { 
font: normal; 
}

QStatusBar::item { 
border-width: 1; 
border-color: darkkhaki; 
border-style: solid; 
border-radius: 2; 
}

QStackedWidget, QComboBox, QLineEdit, QSpinBox, QTextEdit, QListView, QWebView, QTreeView, QHeaderView { 
background-color: cornsilk; 
selection-color: #0a214c; 
selection-background-color: #C19A6B; 
}

QListView { 
show-decoration-selected: 1; 
}

QListView::item:hover { 
background-color: wheat; 
}

/* We reserve 1 pixel space in padding. When we get the focus, 
we kill the padding and enlarge the border. This makes the items 
glow. */ 
QLineEdit, QFrame { 
border-width: 1px; 
padding: 1px; 
border-style: solid; 
border-color: darkkhaki; 
border-radius: 5px; 
}

/* As mentioned above, eliminate the padding and increase the border. */ 
QLineEdit:focus, QFrame:focus { 
border-width: 3px; 
padding: 0px; 
}

/* A QLabel is a QFrame */ 
QLabel { 
border: none; 
padding: 0; 
background: none; 
}

/* A QToolTip is a QLabel */ 
QToolTip { 
border: 2px solid darkkhaki; 
padding: 5px; 
border-radius: 3px; 
opacity: 200; 
}

/* Nice to have the background color change when hovered. */ 
QRadioButton:hover, QCheckBox:hover { 
background-color: wheat; 
}

/* Force the dialog’s buttons to follow the Windows guidelines. */ 
QDialogButtonBox { 
button-layout: 0; 
}

3. 
/* 
Style by evilworks, 2012-2013. pollux@lavabit.com 
This file is Public Domain. 
*/

/* === Shared === */ 
QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, 
QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog, QTabBar { 
font-family: “Segoe UI”; 
background-color: #888; 
color: #000; 
}

/* === QWidget === */ 
QWidget:window { 
font-family: ‘Segoe UI’; 
background-color: #888; 
}

/* === QPushButton === */ 
QPushButton { 
border: 1px solid #555; 
padding: 4px; 
min-width: 65px; 
min-height: 12px; 
}

QPushButton:hover { 
background-color: #999; 
}

QPushButton:pressed { 
background-color: #333; 
border-color: #555; 
color: #AAA; 
}

QPushButton:disabled { 
color: #333333; 
}

/* === QComboBox === */ 
QComboBox { 
background-color: #AAA; 
border: 1px solid #555; 
color: black; 
}

QComboBox::drop-down { 
subcontrol-origin: padding; 
subcontrol-position: top right; 
border-left: 1px solid #333333; 
}

/* === QGroupBox === */ 
QGroupBox { 
border: 1px solid #555; 
margin-top: 2ex; 
}

QGroupBox::title { 
color: black; 
subcontrol-origin: margin; 
subcontrol-position: top left; 
border: 1px solid #555; 
}

/* === QTabBar === */ 
QTabBar::tab { 
border-bottom: none; 
color: #000; 
padding: 4px; 
background-color: #888; 
border: 1px solid #555; 
}

QTabBar::tab:hover { 
background-color: #AAA; 
}

QTabBar::tab:selected { 
background-color: #000; 
color: white; 
}

/* === QTabWidget === */ 
QTabWidget::pane { 
background: #888; 
border: 1px solid #555; 
}

/* === QToolBar === */ 
QToolBar { 
background: #949494; 
border: none; 
padding-left: 0px; 
padding-right: 0px; 
margin: 2px; 
}

QToolBar::separator { 
width: 1px; 
margin-left: 3px; 
margin-right: 3px; 
background-color: #555; 
}

/* === QToolButton === */ 
QToolButton { 
border: 1px solid #666; 
margin: 1px; 
}

QToolButton:hover { 
background-color: #AAA; 
}

QToolButton[popupMode=”1”] { /* only for MenuButtonPopup */ 
padding-right: 20px; /* make way for the popup button */ 
}

QToolButton::menu-button { 
border-left: 1px solid #666; 
background: transparent; 
width: 16px; 
}

QToolButton::menu-button:hover { 
border-left: 1px solid #666; 
background: transparent; 
width: 16px; 
}

QToolButton:checked, QToolButton:pressed { 
background-color: #000; 
border: 1px solid #555; 
color: white; 
}

/* === QScrollBar:vertical === */ 
QScrollBar:vertical { 
width: 16px; 
margin: 16px 0 16px 0; 
background: #333; 
}

QScrollBar::handle:vertical { 
background: #888; 
min-height: 16px; 
border-top: 1px solid #666; 
border-bottom: 1px solid #666; 
}

QScrollBar::add-line:vertical { 
background: #888; 
height: 16px; 
subcontrol-position: bottom; 
subcontrol-origin: margin; 
}

QScrollBar::sub-line:vertical { 
background: #888; 
height: 16px; 
subcontrol-position: top; 
subcontrol-origin: margin; 
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { 
background: none; 
}

/* === QScrollBar:horizontal === */ 
QScrollBar:horizontal { 
height: 16px; 
margin: 0 16px 0 16px; 
background: #333; 
}

QScrollBar::handle:horizontal { 
background: #888; 
min-width: 16px; 
border-left: 1px solid #666; 
border-right: 1px solid #666; 
}

QScrollBar::add-line:horizontal { 
background: #888; 
width: 16px; 
subcontrol-position: right; 
subcontrol-origin: margin; 
}

QScrollBar::sub-line:horizontal { 
background: #888; 
width: 16px; 
subcontrol-position: left; 
subcontrol-origin: margin; 
}

QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { 
background: none; 
}

/* === QMenu === */ 
QMenu { 
background-color: black; 
border: 1px solid gray; 
color: white; 
padding: 1px; 
}

QMenu::item { 
padding: 2px 25px 2px 20px; 
border: 1px solid transparent; 
}

QMenu::item:disabled { 
color: #666666; 
}

QMenu::item:selected { 
border-color: gray; 
background: #222222; 
}

QMenu::icon:checked {

}

QMenu::separator { 
height: 1px; 
background: #222222; 
margin-left: 10px; 
margin-right: 10px; 
margin-top: 1px; 
margin-bottom: 1px; 
}

QMenu::indicator { 
width: 13px; 
height: 13px; 
}

/* === QMenuBar === */ 
QMenuBar { 
background-color: black; 
color: white; 
}

QMenuBar::item { 
background: transparent; 
}

QMenuBar::item:disabled { 
color: gray; 
}

QMenuBar::item:selected { 
background: #222222; 
}

QMenuBar::item:pressed { 
background: #444444; 
} 
/* =================== */ 
QLineEdit, QListView, QTreeView, QTableView, QAbstractSpinBox { 
background-color: #AAA; 
color: #000; 
border: 1px solid #555; 
}

QAbstractScrollArea, QLineEdit, QTextEdit, QAbstractSpinBox, QComboBox { 
border: 1px solid #555; 
}

/* === QHeaderView === */ 
QHeaderView::section { 
height: 20px; 
}

QHeaderView::section { 
background: #666; 
border: 0; 
color: #000; 
padding-left: 4px; 
}

/* === QListView === */ 
QListView::item:hover { 
background: #AAA; 
}

QListView::item:selected { 
background: #333; 
color: #AAA; 
}

/* === QTableView === */ 
QTableView::item:hover { 
background: #333333; 
}

QTableView::item:hover { 
background: #111111; 
color: yellow; 
}

/* === QTreeView === */ 
QTreeView::item { 
background: #AAA; 
}

QTreeView::item:hover { 
background: #CCC; 
}

QTreeView::item:selected { 
background: #333; 
color: #AAA; 
}

QTreeView::branch {

}

QTreeView::branch:has-siblings:adjoins-item {

}

QTreeView::branch:has-siblings:!adjoins-item {

}

QTreeView::branch:closed:has-children:has-siblings {

}

QTreeView::branch:has-children:!has-siblings:closed {

}

QTreeView::branch:!has-children:!has-siblings:adjoins-item {

}

QTreeView::branch:open:has-children:has-siblings {

}

QTreeView::branch:open:has-children:!has-siblings {

}

一杯橙咖
关注
  • 1
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
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漂亮界面
10-25
三总效果，切换方便，含代码和图片
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实用小工具·二十七》各种炫酷的样式表
最新发布
cs1395293598的博客
04-17 529
该项目实现了各种炫酷的样式表，如单选、多选、按钮、日历、表格、下拉框、滚轮等
QSS样式表汇总
LearnLHC的博客
09-18 1万+
目录 1、关于QPushButton的样式表 2、关于QComboBox的样式表 3、关于QSlider的样式表 4、关于QProgressBar的样式表 5、关于QMenu的样式表 6、关于QListWidget的样式表 6"、关于QListView的样式表 7、关于QTreeWidget的样式表 8、关于QGroupBox的样式表 9、关于QTabBar的样式表 10、去除表格中的虚线 11、关于QTableWidget的样式表 12、关于QScrollBar的样式表 1、关
QT中使用QSS进行界面美化及很好的QSS样式表
哲学天空的博客
05-03 2万+
一、使用QSS进行界面美化 在qt编辑器中选择窗口----> 改变样式表 —> 输入qss样式代码，可以控制qss对应窗口控件样式，右击 某个控件----> 改变样式表 —>输入qss样式代码，可以控制这个控件的样式。如下： 原来的界面： 加入QSS样式的界面： 二、 很好的QSS样式表 1.https://github.com/GTRONICK/QSS 2. 自...
Qt中漂亮的几款QSS.doc
11-10
Qt中漂亮的几款QSS.doc
几款比较好用的QSS样式表
06-07
详情查看:https://mp-new.csdn.net/mp_blog/creation/editor/117668754
qss.zip--QT 非常漂亮实用的QSS界面设计，含代码例子和编辑器，有文档介绍使用方法。
02-26
QT 非常漂亮实用的QSS界面设计，含qss文件，代码例子和编辑器，有文档介绍使用方法。 qss文件可以直接使用，或者用编辑器按照自己喜欢的风格自行编辑。
史上最强QT自定义界面纯QSS
11-13
找遍百度谷歌,潜心钻研官方QSS应用示例http://qt-project.org/doc/qt-4.8/stylesheet-examples.html,陆续完善三个月,终于得出一套自定义UI的QSS方案,只需要查找替换对应七个颜色值,就可制作出一套精美皮肤!
【QT】QSS美化——基础知识
俊俊的博客
03-04 3万+
QSS定制： 介绍了QSS辅助工具、QSS加载方式、QSS选择器、QSS常用属性、QSS伪状态与子控件
QSS总结以及最近做的Qt项目
11-13 2946
什么是QSS QSS称为Qt Style Sheets也就是Qt样式表，它是Qt提供的一种用来自定义控件外观的机制。QSS大量参考了CSS的内容，只不过QSS的功能比CSS要弱很多，体现在选择器要少，可以使用的QSS属性也要少很多，并且并不是所有的属性都可以用在Qt的所有控件上。 QSS在Qt程序中的使用办法 首先将QSS写在文件中，然后利用如下的代码设置QSS： MainW...
Qt 之 QSS（黑色炫酷）
热门推荐
青春不老，奋斗不止！
07-22 8万+
黑色炫酷 - 一款漂亮的QSS风格。
QT学习笔记-使用QSS美化程序界面
分享技术，传播知识!
03-17 1052
QT的GUI开发过程中，窗体以及窗体控件默认都是系统基本样式，QT提供了QSS可以让程序界面变的好看，变得高大上。本文只从技术实现角度进行阐述。然后就像编写css一样编辑qss，以下内容是对按钮的样式进行统一设置。/，不要用//，不然会导致程序无法识别stylesheet。注意：qss中的注释请使用/
Qt之QSS使用与基本语法
百里杨的博客
05-03 1万+
一、QSS介绍 QSS是一种从CSS借鉴过来的机制，用来实现对控件外观的自定义。但是它比CSS功能要弱化一些，有一些属性和选择器，QSS并没有。 Qt中的各个控件可以使用QSS来实现界面的个性化定制、美化，使用起来也是特别方便的。 二、QSS使用与语法 我们接下来以一个简单地例子来，说明怎么使用qss修改界面外观。 1、举个栗子 设置QLineEdit控件背景色为黄色。 qApp->setS...
Qt扫盲-QSS概述
洪源兄
01-03 1521
QSS 其实是Qt样式表，Qt样式表是Qt界面的一种强大的机制，除了通过继承QStyle已经可以实现的功能外，它还允许您自定义窗口组件的外观。Qt样式表的概念、术语和语法很大程度上受到HTML层叠样式表(CSS)的启发。功能和CSS的基本一样，大家应该也是有CSS 的基本基础，那写QSS就很容易的。
【QT】史上最全最详细的QSS样式表用法及用例说明
瞌睡的博客
02-22 4万+
Qt样式表支持各种属性、伪状态和子控件，可以自定义小部件的外观。QSS示例，如何为全局添加QSS样式（全局加载QSS的方法） selector { attribute: value } selector:选择器，如 QWidget、QPushButton、QGroupBox等 attribute:属性，如color、background-color、border、padding等 value:值，与属性对应
qt中漂亮的几款 qss 样式
lvmengzou的专栏
10-17 1万+
Qt中漂亮的几款QSS /* === Shared === */ QStackedWidget, QLabel, QPushButton, QRadioButton, QCheckBox, QGroupBox, QStatusBar, QToolButton, QComboBox, QDialog { background-color: #222222; color: #BBB...
Qt界面美化之自定义qss样式表
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
03-02 4332
原生的QT界面不好看，有时候需要根据美工的设计图修改样式。如果使用QML的话搞界面是快，但是QML有点儿吃内存，有时简单的功能还是用传统c++的widget方便些。好在有qss，传统界面也可以美化的。QSS称为Qt Style Sheets也就是Qt样式表，它是Qt提供的一种用来自定义控件外观的机制。QSS大量参考了CSS的内容，只不过QSS的功能比CSS要弱很多，体现在选择器要少，可以使用的QSS属性也要少很多，并且并不是所有的属性都可以用在Qt的所有控件上。
史上最强qt自定义界面纯qss
06-07
QSS是Qt中的一种样式表，允许开发人员使用CSS样式语言来自定义Qt应用程序界面的外观和感觉。 这个“史上最强qt自定义界面纯qss”项目是一个开源的项目，由一群Qt爱好者共同开发。该项目提供了一系列已经定义好的QSS...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值