QSS蓝色皮肤

最新推荐文章于 2024-09-30 17:11:36 发布
最新推荐文章于 2024-09-30 17:11:36 发布
阅读量1.2k 收藏 6
点赞数 1
分类专栏： 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 #1B89CA;  
  3.     border-radius:0px;    
  4. }  
  5.   
  6. .QFrame{  
  7.     border:1px solid #5CACEE;  
  8.     border-radius:5px;  
  9. }  
  10.   
  11. QWidget#widget_title{  
  12.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);  
  13. }  
  14.   
  15. QLabel#lab_Ico,QLabel#lab_Title{  
  16.     border-radius:0px;  
  17.     color: #F0F0F0;  
  18.     background-color:rgba(0,0,0,0);  
  19.     border-style:none;  
  20. }  
  21.   
  22. QLineEdit {  
  23.     border: 1px solid #5CACEE;  
  24.     border-radius: 5px;  
  25.     padding: 2px;  
  26.     background: none;  
  27.     selection-background-color: #1B89CA;  
  28. }  
  29.   
  30. QLineEdit[echoMode="2"] {   
  31.     lineedit-password-character: 9679;   
  32. }  
  33.   
  34. .QGroupBox{  
  35.     border: 1px solid #5CACEE;  
  36.     border-radius: 5px;  
  37. }  
  38.   
  39. .QPushButton{  
  40.     border-style: none;  
  41.     border: 0px;  
  42.     color: #F0F0F0;  
  43.     padding: 5px;     
  44.     min-height: 20px;  
  45.     border-radius:5px;  
  46.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  47. }  
  48.   
  49. .QPushButton[focusPolicy="0"] {  
  50.     border-style: none;  
  51.     border: 0px;  
  52.     color: #F0F0F0;  
  53.     padding: 0px;     
  54.     min-height: 10px;  
  55.     border-radius:3px;  
  56.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  57. }  
  58.   
  59. .QPushButton:hover{   
  60.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #5CACEE, stop:1 #4F94CD);  
  61. }  
  62.   
  63. .QPushButton:pressed{   
  64.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);  
  65. }  
  66.   
  67. QPushButton#btnMenu,QPushButton#btnMenu_Min,QPushButton#btnMenu_Max,QPushButton#btnMenu_Close{  
  68.     border-radius:0px;  
  69.     color: #F0F0F0;  
  70.     background-color:rgba(0,0,0,0);  
  71.     border-style:none;  
  72. }  
  73.   
  74. QPushButton#btnMenu:hover,QPushButton#btnMenu_Min:hover,QPushButton#btnMenu_Max:hover{  
  75.     background-color: qlineargradient(spread:pad, x1:0, y1:1, x2:0, y2:0, stop:0 rgba(25, 134, 199, 0), stop:1 #5CACEE);  
  76. }  
  77.   
  78. QPushButton#btnMenu_Close:hover{  
  79.     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));  
  80. }  
  81.   
  82. QCheckBox {  
  83.     spacing: 2px;   
  84. }  
  85.   
  86. QCheckBox::indicator {  
  87.     width: 20px;  
  88.     height: 20px;  
  89. }  
  90.   
  91. QCheckBox::indicator:unchecked {  
  92.     image: url(:/image/checkbox_unchecked.png);  
  93. }  
  94.   
  95. QCheckBox::indicator:checked {  
  96.     image: url(:/image/checkbox_checked.png);   
  97. }  
  98.   
  99. QRadioButton {  
  100.     spacing: 2px;  
  101. }  
  102.   
  103. QRadioButton::indicator {  
  104.     width: 15px;   
  105.     height: 15px;   
  106. }  
  107.   
  108. QRadioButton::indicator::unchecked {  
  109.     image: url(:/image/radio_normal.png);   
  110. }  
  111.   
  112. QRadioButton::indicator::checked {  
  113.     image: url(:/image/radio_selected.png);   
  114. }  
  115.   
  116. QComboBox,QDateEdit{  
  117.     border-radius: 3px;  
  118.     padding: 1px 10px 1px 5px;  
  119.     border: 1px solid #5CACEE;  
  120. }  
  121.   
  122. QComboBox::drop-down,QDateEdit::drop-down {  
  123.     subcontrol-origin: padding;  
  124.     subcontrol-position: top right;  
  125.     width: 15px;   
  126.     border-left-width: 1px;  
  127.     border-left-style: solid;  
  128.     border-top-right-radius: 3px;  
  129.     border-bottom-right-radius: 3px;  
  130.     border-left-color: #5CACEE;  
  131. }  
  132.   
  133. QComboBox::down-arrow,QDateEdit::down-arrow {  
  134.     image: url(:/image/array_down.png);   
  135. }  
  136.   
  137. QMenu {  
  138.     background-color:#F0F0F0;  
  139.     margin: 2px;  
  140. }  
  141.   
  142. QMenu::item {     
  143.     padding: 2px 12px 2px 12px;  
  144. }  
  145.   
  146. QMenu::indicator {  
  147.     width: 13px;  
  148.     height: 13px;  
  149. }  
  150.   
  151. QMenu::item:selected {  
  152.     color: #FFFFFF;  
  153.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  154. }  
  155.   
  156. QMenu::separator {  
  157.     height: 1px;  
  158.     background: #5CACEE;  
  159. }  
  160.   
  161. QProgressBar {  
  162.     border-radius: 5px;  
  163.     text-align: center;  
  164.     border: 1px solid #5CACEE;  
  165. }  
  166.   
  167. QProgressBar::chunk {  
  168.     width: 5px;   
  169.     margin: 0.5px;  
  170.     background-color: #1B89CA;  
  171. }  
  172.   
  173. QSlider::groove:horizontal,QSlider::add-page:horizontal {   
  174.     background: #808080;   
  175.     height: 8px;   
  176.     border-radius: 3px;   
  177. }  
  178.   
  179. QSlider::sub-page:horizontal {  
  180.     height: 8px;   
  181.     border-radius: 3px;  
  182.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  183. }  
  184.   
  185. QSlider::handle:horizontal {  
  186.     width: 13px;   
  187.     margin-top: -3px;   
  188.     margin-bottom: -3px;   
  189.     border-radius: 6px;  
  190.     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 #5CACEE);  
  191. }  
  192.   
  193. QSlider::handle:horizontal:hover {  
  194.     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 #1B89CA);  
  195. }  
  196.   
  197. QSlider::groove:vertical,QSlider::sub-page:vertical {  
  198.     background:#808080;   
  199.     width: 8px;   
  200.     border-radius: 3px;  
  201. }  
  202.   
  203. QSlider::add-page:vertical {  
  204.     width: 8px;  
  205.     border-radius: 3px;  
  206.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  207. }  
  208.   
  209. QSlider::handle:vertical {  
  210.     height: 14px;   
  211.     margin-left: -3px;  
  212.     margin-right: -3px;  
  213.     border-radius: 6px;  
  214.     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 #5CACEE);  
  215. }  
  216.   
  217. QSlider::handle:vertical:hover {  
  218.     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 #1B89CA);  
  219. }  
  220.   
  221. QScrollBar:vertical {  
  222.     width:10px;   
  223.     background-color:rgba(0,0,0,0%);   
  224.     padding-top:10px;   
  225.     padding-bottom:10px;  
  226. }  
  227.   
  228. QScrollBar:horizontal {  
  229.     height:10px;   
  230.     background-color:rgba(0,0,0,0%);   
  231.     padding-left:10px; padding-right:10px;  
  232. }  
  233.   
  234. QScrollBar::handle:vertical {  
  235.     width:10px;  
  236.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #5CACEE, stop:1 #4F94CD);   
  237. }  
  238.   
  239. QScrollBar::handle:horizontal {  
  240.     height:10px;  
  241.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #5CACEE, stop:1 #4F94CD);   
  242. }  
  243.   
  244. QScrollBar::handle:vertical:hover {  
  245.     width:10px;  
  246.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  247. }  
  248.   
  249. QScrollBar::handle:horizontal:hover {  
  250.     height:10px;  
  251.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  252. }  
  253.   
  254. QScrollBar::add-line:vertical {  
  255.     height:10px;  
  256.     width:10px;  
  257.     subcontrol-position: bottom;   
  258.     subcontrol-origin: margin;  
  259.     border-image:url(:/image/add-line_vertical.png);  
  260. }  
  261.   
  262. QScrollBar::add-line:horizontal {  
  263.     height:10px;  
  264.     width:10px;  
  265.     subcontrol-position: right;  
  266.     subcontrol-origin: margin;  
  267.     border-image:url(:/image/add-line_horizontal.png);  
  268. }  
  269.   
  270. QScrollBar::sub-line:vertical {  
  271.     height:10px;  
  272.     width:10px;  
  273.     subcontrol-position: top;   
  274.     subcontrol-origin: margin;  
  275.     border-image:url(:/image/sub-line_vertical.png);  
  276. }  
  277.   
  278. QScrollBar::sub-line:horizontal {  
  279.     height:10px;  
  280.     width:10px;  
  281.     subcontrol-position: left;  
  282.     subcontrol-origin: margin;  
  283.     border-image:url(:/image/sub-line_horizontal.png);  
  284. }  
  285.   
  286. QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical {  
  287.     width:10px;  
  288.     background: #C0C0C0;  
  289. }  
  290.   
  291. QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal {  
  292.     height:10px;  
  293.     background: #C0C0C0;  
  294. }  
  295.   
  296. QScrollArea {  
  297.     border: 0px ;   
  298. }  
  299.   
  300. QTreeView,QListView,QTableView{  
  301.     border: 1px solid #5CACEE;   
  302.     selection-background-color: #1B89CA;  
  303.     selection-color: #F0F0F0;  
  304. }  
  305.   
  306. QTableView::item:selected, QListView::item:selected, QTreeView::item:selected {  
  307.     color: #F0F0F0;  
  308.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  309. }  
  310.   
  311. QTableView::item:hover, QListView::item:hover, QTreeView::item:hover {  
  312.     color: #F0F0F0;  
  313.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #5CACEE, stop:1 #4F94CD);   
  314. }  
  315.   
  316. QTableView::item, QListView::item, QTreeView::item {  
  317.     padding: 5px;   
  318.     margin: 0px;   
  319. }  
  320.   
  321. QHeaderView::section {  
  322.     padding:3px;  
  323.     margin:0px;  
  324.     color:#F0F0F0;  
  325.     border: 1px solid #F0F0F0;  
  326.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #5CACEE, stop:1 #4F94CD);  
  327. }  
  328.   
  329. QTabBar::tab {  
  330.     border-bottom-left-radius:0px;  
  331.     border-bottom-right-radius:0px;  
  332.     color: #F0F0F0;  
  333.     min-width: 60px;  
  334.     min-height: 20px;  
  335.     padding: 3px 8px 3px 8px;  
  336.     margin:1px;  
  337.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #5CACEE, stop:1 #4F94CD);   
  338. }  
  339.   
  340. QTabBar::tab:selected, QTabBar::tab:hover {  
  341.     background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5);   
  342. }  
  343.   
  344. QStatusBar::item {  
  345.      border: 1px solid #5CACEE;  
  346.      border-radius: 3px;  
  347. }  
云淡轻扬
关注
专栏目录
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蓝色主题
06-09
QSS蓝色主题，大概内容如下QWidget#frmLogin,QWidget#frmPopup,QWidget#frmHostInfo,QWidget#frmLogout,QWidget#frmConfig,QWidget#frmData,QWidget#frmDefence,QWidget#frmHost,QWidget#frmMain,QWidget#frmPwd,QWidget#frmSelect,QWidget#frmMessageBox{ border:1px solid #1B89CA; border-radius:0px; } .QFrame{ border:1px solid #5CACEE; border-radius:5px; } QWidget#widget_title{ background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #1B89CA, stop:1 #1077B5); }
QT皮肤(QSS)编程
热门推荐
mydear_33000的专栏
12-09 1万+
QT皮肤(QSS)编程 时间:2011-07-20 14:46来源:未知 作者:admin 点击:266次 今天写代码用到了qt中的qss来定制UI的style，一篇关于qss的应用教程。 借鉴css的灵感， Qt也声援Qt自己的css, 简称qss。同css相仿，qss的首要性能与最目标都是能使界面的体现与界面的元素分手，即质与形的分开，就好像一
Qt_QSS介绍与使用
最新发布
安权_code的博客
09-30 1191
Qt中的QSS（Qt Style Sheets）作用是美化界面，他可以对控件的样式进行设计，比如控件的颜色、字体、位置、边框等属性。QSS是依照CSS而来的，而CSS是网页前端开发中最重要的一个工具，不过QSS只支持部分CSS属性，因此QSS会比CSS更简单⼀些。值得注意的是：当通过QSS设置样式和通过C++代码设置样式冲突时，QSS的优先级会更高。
QSS-黑色皮肤
梦之旅的专栏
11-27 422
【代码】QSS-黑色皮肤。
qss蓝色调布局
07-21
qss蓝色调布局，放在QT界面设计中图个简单，图个方便.
qss.rar_qss_qssFile_qss文件_qss皮肤_qt4 蓝色qss
09-22
"qss.rar_qss_qssFile_qss皮肤_qt4 蓝色qss"这个标题表明了压缩包中包含的是与Qt4相关的QSS文件，特别是蓝色风格的QSS皮肤。 描述中提到，这些QSS文件是qt4的皮肤文件样例，适用于学习皮肤制作和应用到实际项目中。...
自定义qss样式表_qss_qss皮肤_QT_
10-03
标题"自定义qss样式表_qss_qss皮肤_QT_"表明我们将探讨如何使用QSS为QT应用创建自定义的皮肤。 首先，让我们了解QSS的基本结构。QSS由一系列规则组成，每个规则包含一个选择器（selector）和一个声明块...
QSS样式表之PS黑色风格+白色风格+淡蓝色风格
05-06
标题提到的"QSS样式表之PS黑色风格+白色风格+淡蓝色风格"，是指利用QSS来模仿Photoshop（PS）软件的经典配色方案，为Qt应用程序创建出类似的专业界面。这三种风格分别代表了不同的色彩主题： 1. 黑色风格：通常给人...
使用qss改皮肤
k1419197516的博客
03-03 189
这有一qss文件，使用它即可。 如何使用？
Qt 使用Qss实现切换皮肤 最简单示例
10-21
Qt 使用Qss实现切换皮肤 最简单示例
支持缩放，拖拽，阴影等功能的QT工程，带QSS皮肤
08-05
支持缩放，拖拽，阴影等功能的QT窗口，缩放使用的是NativeEvent()函数，拖拽使用的是根据鼠标按住和松开位置进行move(x,y)，阴影使用的是paintEvent()函数。
QSS样式表之黑色风格.rar
09-05
详细的QSS风格界面代码，可供参考，分为三个不同的界面风格，黑色风、亮白风以及淡蓝风。代码格式很方便移植到QML
经典白加黑加蓝qss资源
09-27
qss经黄皮肤合集，含大部分图片资源 加载qss代码: QFile qss(":ui.qss"); if( qss.open(QFile::ReadOnly)) { QString style = QLatin1String(qss.readAll()); a.setStyleSheet(style); qss.close(); }
自己使用的一套 QSS皮肤【不断更新】
qq_42964109的博客
07-05 372
皮肤设置
探索QSS Skin Builder：一款强大的Qt界面设计工具
gitblog_00100的博客
04-19 611
探索QSS Skin Builder：一款强大的Qt界面设计工具 QSS-Skin-Builder一个用Qt开发的用来生成QSS文件的小程序，附简单Demo，主程序本身也可以看作一个很好的Demo。项目地址:https://gitcode.com/gh_mirrors/qs/QSS-Skin-Builder 项目简介 是一个基于Qt的开源项目，旨在简化和优化Qt应用的皮肤设计过程。该项目采用QS...
黑色QSS样式
qq_38689346的博客
10-19 343
/**********子界面背景**********/ QWidget#customWidget { background: rgb(68, 69, 73); } /**********子界面中央背景**********/ QWidget#centerWidget { background: rgb(50, 50, 50); } /**********主界面样式**********/ ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值