setStyleSheet设置相关

setStyleSheet函数的参数是字符串
setStyleSheet("background:blue");背景色
setStyleSheet("QFrame{image:url(:/images/frame.jpg)"});//背景图片
因为样式表可以应用在QApplication上,也可以单独应用在控件上,所以最终应用到一个具体控件的样式表,是通过叠加合并所有的父控件乃至应用程序的样式表设定来得到的。这种情况下,也有可能发生规则冲突, 例如
  
  
  1. qApp->setStyleSheet("QPushButton { color: white }");  
  2. myPushButton->setStyleSheet("* { color: blue }");  
这种情况下,控件自身的样式表的优先级高于父控件或应用程序的样式表

在标准的CSS样式表中,一个控件的字体和颜色属性如果没有明确设定,那么将自动继承自父控件,而在QT的样式表中,不会自动继承,例如:

qApp->setStyleSheet("QGroupBox { color: red; } ");

这种情况下,对于GroupBox中的添加的子控件,不会自动设置其颜色属性,如果要设置子控件的属性,需要明确设定:

qApp->setStyleSheet("QGroupBox, QGroupBox * { color: red; }");


btn1->setStyleSheet("QPushButton{color:red;background:yellow}"); //设定前景颜色,就是字体颜色
btn1->setStyleSheet("QPushButton{color:red;background-color:rgb(200,155,100)}"); //使用rgb来设定背景颜色
btn3->setStyleSheet("QPushButton{background-image:url(image/1.png);background-repeat: repeat-xy;background-position: center;background-attachment: fixed;background-attachment: fixed;background-attachment: fixed;;background-clip: padding}");
         //设定按钮的背景图片,background-repeat可以设定背景图片的重复规则,这里设定仅在xy方向都重复,所以图片会被重复一次
         //background-position用来设定图片的位置,是左(left)还是右(right),还是在中间(center),是上(top)还是底部(bottom)
         //background-attachment用来这定背景图片是否卷动或者和窗口大小相匹配,默认是卷动的

         btn4->setStyleSheet("QPushButton{border: 3px solid red;border-radius:8px}"); //设定边框宽度以及颜色
         //可以使用border-top,border-right,border-bottom,border-left分别设定按钮的上下左右边框,
         //同样有border-left-color, border-left-style, border-left-width.等分别来设定他们的颜色,样式和宽度
         //border-image用来设定边框的背景图片。
         //border-radius用来设定边框的弧度。可以设定圆角的按钮
edit1->setStyleSheet("QLineEdit{font: bold italic large \"Times New Roman\";font-size:25px;color:rgb(55,100,255);height:50px;border:4px solid rgb(155,200,33);border-radius:15px;selection-color:pink}");
         //父窗口的设定
         //icon-size来设定图片大小
         this->setWindowIcon(QIcon("image/1.png"));
          this->setStyleSheet("QWidget{background:write url(image/2.png);icon-size:20px 5px}");  //设定整个对话框的背景颜色
    //      this->setStyleSheet("QWidget{icon-size:20px 5px}");
background-color:transparent
  将背景设置为透明。
样式表属性

  1. *{  
  2.   font-size:13px;  
  3.   color:white;  
  4.   font-family:"宋体";  
  5. }  
  6. CallWidget QLineEdit#telEdt  
  7. {  
  8.   font-size:24px;  
  9. }  
  10. QMainWindow,QDialog{  
  11.      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  12.                                  stop: 0 #1B2534, stop: 0.4 #010101,  
  13.                                  stop: 0.5 #000101, stop: 1.0 #1F2B3C);  
  14. }  
  15. QWidget{  
  16.     background:#121922;  
  17. }  
  18. QLabel{  
  19.    background:transparent;  
  20. }  
  21. DailForm QLineEdit#phoneLineEdt{  
  22.   font-size:36px;  
  23.   font-weightbold;  
  24. }  
  25. QPushButton,QToolButton{  
  26.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  27.                                  stop: 0 #5B5F5F, stop: 0.5 #0C2436,  
  28.                                  stop: 1.0 #27405A);  
  29.     border-styleoutset;  
  30.     border-width1px;  
  31.     border-radius: 5px;  
  32.     border-color#11223F;  
  33.     padding1px;  
  34. }  
  35. QPushButton::hover,QToolButton::hover{  
  36.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  37.                                  stop: 0 #758385, stop: 0.5 #122C39,  
  38.                                  stop: 1.0 #0E7788);  
  39.     border-color#11505C;  
  40. }  
  41. QPushButton::pressed,QToolButton::pressed{  
  42.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  43.                                  stop: 0 #969B9C, stop: 0.5 #16354B,  
  44.                                  stop: 1.0 #244F76);  
  45.     border-color#11505C;  
  46. }  
  47. QPushButton::disabled,QToolButton::disabled{  
  48.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  49.                                  stop: 0 #282B2C, stop: 0.5 #09121A,  
  50.                                  stop: 1.0 #111D29);  
  51.     border-color#0A1320;  
  52.     color:#6A6864;  
  53. }  
  54. QDialog QPushButton,QDialog QToolButton{  
  55.   min-width:30px;  
  56.   min-height:23px;  
  57. }  
  58. QToolButton[objectName="minimizeToolBtn"] {  
  59.     backgroundtransparent;  
  60.     border:none;  
  61.     image:url(qss/minimize.png)  
  62. }  
  63. QToolButton[objectName="minimizeToolBtn"]:hover,QToolButton[objectName="minimizeToolBtn"]:pressed {  
  64.     image:url(qss/minimize_hover.png)  
  65. }  
  66. QToolButton[objectName="maximizeToolBtn"] {  
  67.     backgroundtransparent;  
  68.     border:none;  
  69.     image:url(qss/maximize.png)  
  70. }  
  71. QToolButton[objectName="maximizeToolBtn"]:hover,QToolButton[objectName="maximizeToolBtn"]:pressed {  
  72.     image:url(qss/maximize_hover.png)  
  73. }  
  74. QToolButton[objectName="closeToolBtn"],QToolButton[objectName="customCloseWindow"] {  
  75.     backgroundtransparent;  
  76.     border:none;  
  77.     image:url(qss/close.png)  
  78. }  
  79. QToolButton[objectName="closeToolBtn"]:hover,QToolButton[objectName="closeToolBtn"]:pressed{  
  80.     image:url(qss/close_hover.png)  
  81. }  
  82. QToolButton[objectName="customCloseWindow"]:hover,QToolButton[objectName="customCloseWindow"]:pressed{  
  83.     image:url(qss/close_hover.png)  
  84. }  
  85. QToolButton[objectName="titleSetUpToolBtn"]{  
  86.     backgroundtransparent;  
  87.     border:none;  
  88.     image:url(qss/setup.png)  
  89. }  
  90. DailForm QToolButton#oneToolBtn,QToolButton#OneToolBtn,QToolButton#twoToolBtn,QToolButton#threeToolBtn,  
  91.          QToolButton#fourToolBtn,QToolButton#fiveToolBtn,QToolButton#sixToolBtn,  
  92.          QToolButton#sevenToolBtn,QToolButton#eightToolBtn,QToolButton#nineToolBtn,  
  93.          QToolButton#starToolBtn,QToolButton#zeroToolBtn,QToolButton#sharpToolBtn {  
  94.     font-size:36px;  
  95.     border-radius: 10px;  
  96. }  
  97. DailForm QToolButton#delToolBtn{  
  98.     border-radius: 10px;  
  99. }  
  100. QFrame{  
  101.     border-color:#32435E;  
  102.     border-width:1px;  
  103.     border-radius: 3px;  
  104. }  
  105. QLineEdit,QTextEdit {  
  106.     border1px solid #32435E;  
  107.     border-radius: 3px;  
  108.     /* padding: 0 8px; */  
  109.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  110.                                  stop: 0 #080B10,  
  111.                                  stop: 1.0 #212C3F);  
  112.     selection-background-color#0A246A;  
  113. }  
  114. QLineEdit::hover{  
  115.   border-color:#5D8B9E;  
  116. }  
  117. QLineEdit[echoMode="3"] {  
  118.      lineedit-password-character: 9679;  
  119. }  
  120. #QLineEdit:read-only {  
  121.      background#543F7C;  
  122. }  
  123. QTabWidget::pane { /* The tab widget frame */  
  124.      border0px solid #32435E;  
  125.      positionabsolute;  
  126.      left: -0.1em;  
  127. }  
  128. QTabWidget#MainTabWidget::tab-bar {  
  129.      left: -3px/* move to the right by 5px */  
  130. }  
  131. QTabWidget#MainTabWidget QTabBar::tab {  
  132.      height14ex;  
  133.      width14ex;  
  134. }  
  135. QTabBar::tab {  
  136.      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  137.                                  stop: 0 #292F31, stop: 1 #0C131E);  
  138. }  
  139. QTabBar::tab:selected{  
  140.      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  141.                                  stop: 0 #113845,  stop: 1.0 #15A8FF);  
  142. }  
  143. QTabBar::tab:hover {  
  144.      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  145.                                  stop: 0 #113845,  stop: 1.0 #0E6F80);  
  146. }  
  147. #QTabBar::tab:selected {  
  148.      border-color#32435E;  
  149.      border-right-color#32435E/* same as pane color */  
  150. }  
  151. #QTabBar::tab:!selected {  
  152.      margin-left2px/* make non-selected tabs look smaller */  
  153. }  
  154. #QTabBar:tab:first:selected {  
  155.     margin-top0;  
  156. }  
  157. QTabBar:tab:last:selected {  
  158.     margin-right0;  
  159. }  
  160. QTabBar:tab:only-one {  
  161.      margin0;  
  162. }  
  163. QListWidget{  
  164.     border1px solid #32435E;  
  165.     background:#050609;  
  166. }  
  167. QListWidget::item:selected {  
  168.      /*border: 0px solid #33CCFF;*/  
  169.      border:none;  
  170.      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  171.                                  stop: 0 #6A848C,  stop: 1.0 #0F9EAF);  
  172.      padding:0px;  
  173.      margin:0px;  
  174. }  
  175. #QListWidget::item:selected:!active {  
  176.      border-width0px ;  
  177. }  
  178. #QListWidget::item:selected:active {  
  179.      border-width1px;  
  180. }  
  181.   
  182. QComboBox {  
  183.      border1px solid #32435E;  
  184.      border-radius: 3px;  
  185.      padding1px 18px 1px 3px;  
  186.      min-width6em;  
  187. }  
  188. QComboBox::hover{  
  189.   border-color:#5D8B9E;  
  190. }  
  191. QComboBox:editable {  
  192.      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  193.                                  stop: 0 #080B10,  
  194.                                  stop: 1.0 #212C3F);  
  195. }  
  196. QComboBox:!editable, QComboBox::drop-down:editable {  
  197.       background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  198.                                  stop: 0 #080B10,  
  199.                                  stop: 1.0 #212C3F);  
  200. }  
  201. /* QComboBox gets the "on" state when the popup is open */  
  202. QComboBox:!editable:on, QComboBox::drop-down:editable:on {  
  203.      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  204.                                  stop: 0 #080B10,  
  205.                                  stop: 1.0 #212C3F);;  
  206. }  
  207. QComboBox:on { /* shift the text when the popup opens */  
  208.      padding-top3px;  
  209.      padding-left4px;  
  210. }  
  211. QComboBox::drop-down {  
  212.      subcontrol-origin: padding;  
  213.      subcontrol-positiontop right;  
  214.      width15px;  
  215.      border-left-width1px;  
  216.      border-left-color32435E;  
  217.      border-left-stylesolid/* just a single line */  
  218.      border-top-right-radius: 3px/* same radius as the QComboBox */  
  219.      border-bottom-right-radius: 3px;  
  220. }  
  221. QComboBox::down-arrow {  
  222.      image: url(qss/downarrow.png);  
  223. }  
  224. QComboBox::down-arrow:on { /* shift the arrow when popup is open */  
  225.      top: 1px;  
  226.      left: 1px;  
  227. }  
  228. QComboBox QAbstractItemView {  
  229.      border2px solid #32435E;  
  230.      selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  231.                                  stop: 0 #506B79,  
  232.                                  stop: 1.0 #0D95A6);  
  233.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
  234.                                  stop: 0 #1B2534, stop: 0.4 #010101,  
  235.                                  stop: 0.5 #000101, stop: 1.0 #1F2B3C);  
  236. }  

*{
  font-size:13px;
  color:white;
  font-family:"宋体";
}

CallWidget QLineEdit#telEdt
{
  font-size:24px;

}

QMainWindow,QDialog{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 
                                 stop: 0 #113845,
                                 stop: 1.0 #15A8FF);
}
QWidget{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 
                                 stop: 0 #113845,
                                 stop: 1.0 #15A8FF);
}

QLabel{
   background:transparent;
}

QTreeWidget{
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 
                                 stop: 0 #113845,
                                 stop: 1.0 #15A8FF);
}




  QMenuBar {
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                  stop: 0  #15A8FF,
                                 stop: 1.0 #113845);
 }

 QMenuBar::item {
     spacing: 3px;
     padding: 1px 4px;   
     border-radius: 1px;
     font:#BBDDFF;
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 
                                 stop: 0 #113845,
                                 stop: 1.0 #15A8FF);
 }

 QMenuBar::item:selected {
     background: #1A2432;   
     font:#FFFFFF;
 }

 QMenuBar::item:pressed {
     background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #10151E, stop:1 #2C547E);
     font:#FFFFFF;

 }
 QMenuBar::item:hover{
    border-width:1px;
    border-color:#516589;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                       stop:0 #9979A, stop:1 #2D567F);
    font:#FFFFFF;

 }
  QMenu {
     background-color: #030406;  
     border-width:0px;
     margin: 2px;   
 }

 QMenu::item {
     background-color: #1D2838;   
     padding: 2px 25px 2px 20px;  
     border-color:transparent;
     color:#858E94;
 }
 QMenu::item:!enabled {  
     background-color:  #1D2838;
     padding: 2px 25px 2px 20px;
     border-color:transparent;
     color:#76746C;   
 }

 QMenu::item:selected {   
     border-width:1px;
     border-color: #516589;
     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 
                                 stop: 0 #1E293A,
                                 stop: 1.0 #2C547E);
     color:#E6FFFF;
 }

 QMenu::icon:checked {
     background: gray;
     border: 1px inset gray;
     position: absolute;
     top: 1px;
     right: 1px;
     bottom: 1px;
     left: 1px;
 }

 QMenu::separator {    
     height: 1px;
     background: #1D99A9;
    
    
 }

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



  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值