QSS灰色皮肤

最新推荐文章于 2024-09-30 17:11:36 发布
最新推荐文章于 2024-09-30 17:11:36 发布
阅读量761 收藏 2
点赞数
分类专栏： QSS
  1. QWidget#frmLogin,QWidget#frmPopup,QWidget#frmHostInfo,QWidget#frmLogout,QWidget#frmConfig,QWidget#frmData,QWidget#frmDefence,QWidget#frmHost,QWidget#frmMain,QWidget#frmPwd,QWidget#frmSelect,QWidget#frmMessageBox{  
  2.     border:1px solid #454648;  
  3.     border-radius:0px;    
  4. }    
  5. .QFrame{  
  6.     border:1px solid #B8B8B8;  
  7.     border-radius:5px;  
  8. }    
  9. QWidget#widget_title{  
  10.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);  
  11. }    
  12. QLabel#lab_Ico,QLabel#lab_Title{  
  13.     border-radius:0px;  
  14.     color: #F0F0F0;  
  15.     background-color:rgba(0,0,0,0);  
  16.     border-style:none;  
  17. }    
  18. QLineEdit {  
  19.     border: 1px solid #B8B8B8;  
  20.     border-radius: 5px;  
  21.     padding: 2px;  
  22.     background: none;  
  23.     selection-background-color: #454648;  
  24. }    
  25. QLineEdit[echoMode="2"] {   
  26.     lineedit-password-character: 9679;   
  27. }    
  28. .QGroupBox{  
  29.     border: 1px solid #B8B8B8;  
  30.     border-radius: 5px;  
  31. }    
  32. .QPushButton{  
  33.     border-style: none;  
  34.     border: 0px;  
  35.     color: #F0F0F0;  
  36.     padding: 5px;     
  37.     min-height: 20px;  
  38.     border-radius:5px;  
  39.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  40. }    
  41. .QPushButton[focusPolicy="0"] {  
  42.     border-style: none;  
  43.     border: 0px;  
  44.     color: #F0F0F0;  
  45.     padding: 0px;     
  46.     min-height: 10px;  
  47.     border-radius:3px;  
  48.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  49. }    
  50. .QPushButton:hover{   
  51.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #B8B8B8, stop:1 #D6D6D6);  
  52. }    
  53. .QPushButton:pressed{   
  54.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);  
  55. }  
  56.  QPushButton#btnMenu,QPushButton#btnMenu_Min,QPushButton#btnMenu_Max,QPushButton#btnMenu_Close{  
  57.     border-radius:0px;  
  58.     color: #F0F0F0;  
  59.     background-color:rgba(0,0,0,0);  
  60.     border-style:none;  
  61. }    
  62. QPushButton#btnMenu:hover,QPushButton#btnMenu_Min:hover,QPushButton#btnMenu_Max:hover{  
  63.     background-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(25, 134, 199, 0), stop:1 #B8B8B8);  
  64. }    
  65. QPushButton#btnMenu_Close:hover{  
  66.     background-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(238, 0, 0, 128), stop:1 rgba(238, 44, 44, 255));  
  67. }    
  68. QCheckBox {  
  69.     spacing: 2px;   
  70. }    
  71. QCheckBox::indicator {  
  72.     width: 20px;  
  73.     height: 20px;  
  74. }    
  75. QCheckBox::indicator:unchecked {  
  76.     image: url(:/image/checkbox_unchecked.png);  
  77. }    
  78. QCheckBox::indicator:checked {  
  79.     image: url(:/image/checkbox_checked.png);   
  80. }    
  81. QRadioButton {  
  82.     spacing: 2px;  
  83. }    
  84. QRadioButton::indicator {  
  85.     width: 15px;   
  86.     height: 15px;   
  87. }    
  88. QRadioButton::indicator::unchecked {  
  89.     image: url(:/image/radio_normal.png);   
  90. }    
  91. QRadioButton::indicator::checked {  
  92.     image: url(:/image/radio_selected.png);   
  93. }    
  94. QComboBox,QDateEdit{  
  95.     border-radius: 3px;  
  96.     padding: 1px 10px 1px 5px;  
  97.     border: 1px solid #B8B8B8;  
  98. }    
  99. QComboBox::drop-down,QDateEdit::drop-down {  
  100.     subcontrol-origin: padding;  
  101.     subcontrol-position: top right;  
  102.     width: 15px;   
  103.     border-left-width: 1px;  
  104.     border-left-style: solid;  
  105.     border-top-right-radius: 3px;  
  106.     border-bottom-right-radius: 3px;  
  107.     border-left-color: #B8B8B8;  
  108. }    
  109. QComboBox::down-arrow,QDateEdit::down-arrow {  
  110.     image: url(:/image/array_down.png);   
  111. }    
  112. QMenu {  
  113.     background-color:#F0F0F0;  
  114.     margin: 2px;  
  115. }    
  116. QMenu::item {     
  117.     padding: 2px 12px 2px 12px;  
  118. }    
  119. QMenu::indicator {  
  120.     width: 13px;  
  121.     height: 13px;  
  122. }    
  123. QMenu::item:selected {  
  124.     color: #F0F0F0;  
  125.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  126. }    
  127. QMenu::separator {  
  128.     height: 1px;  
  129.     background: #B8B8B8;  
  130. }    
  131. QProgressBar {  
  132.     border-radius: 5px;  
  133.     text-align: center;  
  134.     border: 1px solid #B8B8B8;  
  135. }    
  136. QProgressBar::chunk {  
  137.     width: 5px;   
  138.     margin: 0.5px;  
  139.     background-color: #454648;  
  140. }  
  141.   
  142. QSlider::groove:horizontal,QSlider::add-page:horizontal {   
  143.     background: #808080;   
  144.     height: 8px;   
  145.     border-radius: 3px;   
  146. }  
  147.   
  148. QSlider::sub-page:horizontal {  
  149.     height: 8px;   
  150.     border-radius: 3px;  
  151.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  152. }  
  153.   
  154. QSlider::handle:horizontal {  
  155.     width: 13px;   
  156.     margin-top: -3px;   
  157.     margin-bottom: -3px;   
  158.     border-radius: 6px;  
  159.     background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,stop:0.6 #F0F0F0, stop:0.778409 #B8B8B8);  
  160. }  
  161.   
  162. QSlider::handle:horizontal:hover {  
  163.     background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #F0F0F0,stop:0.778409 #454648);  
  164. }  
  165.   
  166. QSlider::groove:vertical,QSlider::sub-page:vertical {  
  167.     background:#808080;   
  168.     width: 8px;   
  169.     border-radius: 3px;  
  170. }  
  171.   
  172. QSlider::add-page:vertical {  
  173.     width: 8px;  
  174.     border-radius: 3px;  
  175.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  176. }  
  177.   
  178. QSlider::handle:vertical {  
  179.     height: 14px;   
  180.     margin-left: -3px;  
  181.     margin-right: -3px;  
  182.     border-radius: 6px;  
  183.     background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #F0F0F0, stop:0.778409 #B8B8B8);  
  184. }  
  185.   
  186. QSlider::handle:vertical:hover {  
  187.     background: qradialgradient(spread: pad, cx: 0.5, cy: 0.5, radius: 0.5, fx: 0.5, fy: 0.5, stop: 0.6 #F0F0F0,stop:0.778409 #454648);  
  188. }  
  189.   
  190. QScrollBar:vertical {  
  191.     width:10px;   
  192.     background-color:rgba(0,0,0,0%);   
  193.     padding-top:10px;   
  194.     padding-bottom:10px;  
  195. }  
  196.   
  197. QScrollBar:horizontal {  
  198.     height:10px;   
  199.     background-color:rgba(0,0,0,0%);   
  200.     padding-left:10px; padding-right:10px;  
  201. }  
  202.   
  203. QScrollBar::handle:vertical {  
  204.     width:10px;  
  205.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #B8B8B8, stop:1 #D6D6D6);   
  206. }  
  207.   
  208. QScrollBar::handle:horizontal {  
  209.     height:10px;  
  210.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #B8B8B8, stop:1 #D6D6D6);   
  211. }  
  212.   
  213. QScrollBar::handle:vertical:hover {  
  214.     width:10px;  
  215.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  216. }  
  217.   
  218. QScrollBar::handle:horizontal:hover {  
  219.     height:10px;  
  220.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  221. }  
  222.   
  223. QScrollBar::add-line:vertical {  
  224.     height:10px;  
  225.     width:10px;  
  226.     subcontrol-position: bottom;   
  227.     subcontrol-origin: margin;  
  228.     border-image:url(:/image/add-line_vertical.png);  
  229. }  
  230.   
  231. QScrollBar::add-line:horizontal {  
  232.     height:10px;  
  233.     width:10px;  
  234.     subcontrol-position: right;  
  235.     subcontrol-origin: margin;  
  236.     border-image:url(:/image/add-line_horizontal.png);  
  237. }  
  238.   
  239. QScrollBar::sub-line:vertical {  
  240.     height:10px;  
  241.     width:10px;  
  242.     subcontrol-position: top;   
  243.     subcontrol-origin: margin;  
  244.     border-image:url(:/image/sub-line_vertical.png);  
  245. }  
  246.   
  247. QScrollBar::sub-line:horizontal {  
  248.     height:10px;  
  249.     width:10px;  
  250.     subcontrol-position: left;  
  251.     subcontrol-origin: margin;  
  252.     border-image:url(:/image/sub-line_horizontal.png);  
  253. }  
  254.   
  255. QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical {  
  256.     width:10px;  
  257.     background: #C0C0C0;  
  258. }  
  259.   
  260. QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal {  
  261.     height:10px;  
  262.     background: #C0C0C0;  
  263. }  
  264.   
  265. QScrollArea {  
  266.     border: 0px ;   
  267. }  
  268.   
  269. QTreeView,QListView,QTableView{  
  270.     border: 1px solid #B8B8B8;   
  271.     selection-background-color: #454648;  
  272.     selection-color: #F0F0F0;  
  273. }  
  274.   
  275. QTableView::item:selected, QListView::item:selected, QTreeView::item:selected {  
  276.     color: #F0F0F0;  
  277.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  278. }  
  279.   
  280. QTableView::item:hover, QListView::item:hover, QTreeView::item:hover {  
  281.     color: #F0F0F0;  
  282.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #B8B8B8, stop:1 #D6D6D6);   
  283. }  
  284.   
  285. QTableView::item, QListView::item, QTreeView::item {  
  286.     padding: 5px;   
  287.     margin: 0px;   
  288. }  
  289.   
  290. QHeaderView::section {  
  291.     padding:3px;  
  292.     margin:0px;  
  293.     color:#F0F0F0;  
  294.     border: 1px solid #F0F0F0;  
  295.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #B8B8B8, stop:1 #D6D6D6);  
  296. }  
  297.   
  298. QTabBar::tab {  
  299.     border-bottom-left-radius:0px;  
  300.     border-bottom-right-radius:0px;  
  301.     color: #F0F0F0;  
  302.     min-width: 60px;  
  303.     min-height: 20px;  
  304.     padding: 3px 8px 3px 8px;  
  305.     margin:1px;  
  306.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #B8B8B8, stop:1 #D6D6D6);   
  307. }  
  308.   
  309. QTabBar::tab:selected, QTabBar::tab:hover {  
  310.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #454648, stop:1 #7A7A7A);   
  311. }  
  312.   
  313. QStatusBar::item {  
  314.      border: 1px solid #B8B8B8;  
  315.      border-radius: 3px;  
  316. }  



QSS界面美化5
云淡轻扬
关注
专栏目录
QSS海军蓝色皮肤
有志者事竟成
10-06 2342
QWidget#frmLogin,QWidget#frmPopup,QWidget#frmHostInfo,QWidget#frmLogout,QWidget#frmConfig,QWidget#frmData,QWidget#frmDefence,QWidget#frmHost,QWidget#frmMain,QWidget#frmPwd,QWidget#frmSelect,QWidget#fr
QSS样式表之PS黑色风格+白色风格+淡蓝色风格
05-06
QSS样式表之高仿PS黑色风格+白色风格+淡蓝色风格，个人最喜爱的淡蓝色风格，相当精美！
QSS_填充颜色
一名Qter
08-21 1316
详细介绍了 qss 中如何设置颜色，尤其是渐变色。文章超级好懂~
Qt_QSS介绍与使用
最新发布
安权_code的博客
09-30 1195
Qt中的QSS（Qt Style Sheets）作用是美化界面，他可以对控件的样式进行设计，比如控件的颜色、字体、位置、边框等属性。QSS是依照CSS而来的，而CSS是网页前端开发中最重要的一个工具，不过QSS只支持部分CSS属性，因此QSS会比CSS更简单⼀些。值得注意的是：当通过QSS设置样式和通过C++代码设置样式冲突时，QSS的优先级会更高。
Qt界面美化
03-06
该程序提供了一个界面美化的整体处理方式，满足整体布局与具体控件的美化操作。
自定义qss样式表_qss_qss皮肤_QT_
10-03
标题"自定义qss样式表_qss_qss皮肤_QT_"表明我们将探讨如何使用QSS为QT应用创建自定义的皮肤。 首先，让我们了解QSS的基本结构。QSS由一系列规则组成，每个规则包含一个选择器（selector）和一个声明块...
mumble-skin-gray:灰色的咕哝皮肤
06-16
咕噜咕噜的灰色皮肤 关于 这是为那些不喜欢应用程序默认白色外观的人创建的 Mumble ( ) 皮肤，因为它可以在半夜融化你的眼睛。 所以我决定调整我的旧皮肤，并最终创建了一个新皮肤，因为 100% 黑色并不总是最好的...
QT皮肤生成器自带十几种炫酷皮肤,有机会获得源码哦
12-25
自带17套精美皮肤样式，其中包括黑色、灰色、扁平等。 皮肤生成器只需要简单几步就可以生成一套自定义的皮肤。 皮肤中的qss样式表内容，覆盖了几乎所有的控件，非常适合学习每个控件的qss DEMO非常漂亮美观，涵盖了...
Qt 之 QSS（暗橙色）
青春不老，奋斗不止！
01-22 1万+
我觉得一个好看的 UI 可以潜意识地激励我们，不仅可以让我们工作的更高效、更有乐趣，而且可以让应用程序变得更漂亮、更直观。
QT界面皮肤生成器Qss
06-24
该文件解压可直接执行，无源码信息，不需要进行编译。软件可对程序除标题外位置进行格式颜色的改动，导出文件格式为QSS
QT皮肤或界面软件(xQssEditor)
10-07
QT编程，皮肤或界面优化软件，非常直观qss样式表的设计变动。使用,设计一个漂亮的界面
Qt 使用Qss实现切换皮肤 最简单示例
10-21
Qt 使用Qss实现切换皮肤 最简单示例
QSS.rar_QSS样式表_QT QSS_QT 样式_Qt样式表_qss
09-24
Qt QSS 样式表 网上收集 适用 qt 爱好者适用
43.qt通过qss自定义外观
weixin_30346033的博客
05-13 195
样式: 文件格式类型: candy.qss /* R1 */ QDialog { /*设置背景图片*/ background-image: url(:/images/background.png); /*background-image: url(:/images/button.png);*/ } /* 设置QLabel的co...
QWidget提升后，无法对提升的对象设置背景颜色，QFrame却可以。
Devour_的博客
03-03 1512
QWidget提升后，不能直接用setStyleSheet()对QWidget这个提升对象的背景颜色和样式做调整了。 但是，如果是QFrame 的提升类，却可以用setStyleSheet()对QFrame的提升对象做样式调整。 具体现象见下方实列： 情况一： QWidget提升后不能setStyleSheet（）对对象本身做调整了。QWidget窗体本身背景色没有改变，但是内部控件颜色改变了，这是控件继承的原因，具体原因这里不解释。【我理解的是因为widget_title是提升的QWidget对象，系统找
QT 无边框QWidget标题栏封装
蓦然回首
11-06 2370
XTitleWidget.h文件 #ifndef XTITLEWIDGET_H #define XTITLEWIDGET_H #include <QFrame> namespace Ui { class XTitleWidget; } class XTitleWidget : public QFrame { Q_OBJECT public: explicit...
QSS蓝色皮肤
云淡风轻扬的博客
05-04 1300
QWidget#frmLogin,QWidget#frmPopup,QWidget#frmHostInfo,QWidget#frmLogout,QWidget#frmConfig,QWidget#frmData,QWidget#frmDefence,QWidget#frmHost,QWidget#frmMain,QWidget#frmPwd,QWidget#frmSelect,QWidget#fr...
Qt 之 QSS（黑色炫酷）
热门推荐
青春不老，奋斗不止！
07-22 9万+
黑色炫酷 - 一款漂亮的QSS风格。
QtStyleSheets深度指南：QSS皮肤开发必备
"QSS帮助文档是一份详尽的指南，专为使用QT进行界面皮肤开发的人员设计。文档覆盖了QSS的各个方面，包括各种控件的自定义方法和常见错误，还有丰富的示例来帮助理解QSS的用法。" 在QT框架中，Qt Style Sheets (QSS)...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值