程序博客网 > 5c5c5c最新域名升级

QT5常用样式表

来源：互联网 发布：5c5c5c最新域名升级 编辑：程序博客网 时间：2024/06/08 07:46

先来个颜色代码表
  • 自绘按钮（需准备三张图片对应正常状态，鼠标经过状态以及按钮按下时的状态，以下只用了两张）
[plain] view plain copy print?
  1. ui->Button->setStyleSheet("  
  2.     QPushButton {border-image:url(:/icon/close);}          //正常状态  
  3.     QPushButton:hover{border-image:url(:/icon/close_on);}      //鼠标经过时显示这张  
  4.     QPushButton:hover:pressed{border-image:url(:/icon/close);} //按下按钮时  
  5. ");  
效果
  • 普通按钮(直接修饰一个按钮)
[cpp] view plain copy print?
  1. ui->Button->setStyleSheet("  
  2. QPushButton{border: 2px solid grey;    //边框宽2像素颜色为灰色  
  3.     background:rgb(183,203,188);   //按钮背景色  
  4.     border-radius: 8px;}           //按钮四个角的弧度大小  
  5. QPushButton:hover{border-color:rgb(183,203,188);}  
  6. QPushButton:pressed{border-color:gray}   
  7. ");  
效果


  • 滚动条（以列表框中的垂直滚动条为例，其他滚动条类似）
[cpp] view plain copy print?
  1. ui->listWidget->verticalScrollBar()->setStyleSheet("  
  2. QScrollBar{border: 0px solid transparent; //设置滚动条整体样式  
  3.     background:transparent;  
  4.     width:11px;  
  5.     padding-top:10px; //滚动条上下箭头预留大小  
  6.     padding-bottom:10px;}  
  7. QScrollBar:handle{background:lightgray;  //设置滚动条中滑块的样式  
  8.     border:0px solid transparent;   
  9.     border-radius:2px;}  
  10. QScrollBar:handle:hover{background:#669999;} //鼠标经过滑块改变滑块颜色  
  11. QScrollBar:sub-line{background:lightgray; }    
  12. QScrollBar:add-line{background:lightgray;}  //这几个为滑块下面的槽的颜色  
  13. QScrollBar:add-page:vertical, QScrollBar:sub-page:vertical{background:transparent;}QScrollBar:add-line:vertical{height:10px;  //上箭头样式  
  14.     width:11px;  
  15.     border-image:url(:/icon/down);  
  16.     subcontrol-position:bottom;}  
  17. QScrollBar:sub-line:vertical{height:10px;  //下箭头样式  
  18.     width:11px;  
  19.     border-image:url(:/icon/up);  
  20.     subcontrol-position:top;}   
  21. QScrollBar:add-line:vertical:hover{height:10px; //鼠标经过上箭头时  
  22.     width:11px;  
  23.     border-image:url(:/icon/down_on);  
  24.     subcontrol-position:bottom;}    
  25. QScrollBar:sub-line:vertical:hover{height:10px; //鼠标经过下箭头时  
  26.     width:11px;  
  27.     border-image:url(:/icon/up_on);  
  28.     subcontrol-position:top;}    
  29. QScrollBar:handle:vertical{min-height:5px} //设置垂直滑块的最小高度值,否则列表很大时滑块会消失  
  30. ");  
效果


  • 进度条
[cpp] view plain copy print?
  1. ui->QSlider->setStyleSheet("  
  2. QSlider:groove:horizontal {border: 1px solid #00688B;  
  3.     height:5px;  
  4.     border-radius: 3px;}  
  5. QSlider:handle:horizontal{background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,stop:0.6 #45ADED, stop:0.778409 rgba(255, 255, 255, 255));  
  6.     width:10px;  
  7.     margin-top:-3px;  
  8.     margin-bottom:-3px;border-radius:5px;}  
  9. QSlider:handle:horizontal:hover {background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #2A8BDA,stop:0.778409 rgba(255, 255, 255, 255));  
  10.     width:10px;  
  11.     margin-top: -3px;  
  12.     margin-bottom: -3px;  
  13.     border-radius:5px;}  
  14. QSlider:sub-page{border-radius:3px;  
  15. background:qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #009ACD, stop:1 #008B8B);  
  16.     margin: 2px 0;}  
  17. ");  
效果


  • 搜索框（一个lineEdit加一个图形按钮searchBtn）
1.ui->lineEdit->setTextMargins(0, 0, ui->searchBtn->width(), 0);
2.ui->lineEdit->setStyleSheet("QLineEdit{border: 1px solid gray;border-radius: 3px;background:rgb(200, 231, 232);} QLineEdit:hover{border-color:transparent; }");
3.给searchBtn设置一个icon图标
4.ui->searchBtn ->setStyleSheet("background:transparent;");
效果


  • TabWidget
QTabWidget::pane{border:none;}QTabWidget::tab-bar{        alignment:left;}QTabBar::tab{background:transparent;color:white;min-width:30ex;min-height:10ex;}QTabBar::tab:hover{background:rgb(255, 255, 255, 100);}QTabBar::tab:selected{border-color: white;background:white;color:green;}
效果图:

实例总结:
*{  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 #1B2534, stop: 0.4 #010101,                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);}QWidget{    background:#121922;}QLabel{   background:transparent;}DailForm QLineEdit#phoneLineEdt{  font-size:36px;  font-weight: bold;}QPushButton,QToolButton{    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #5B5F5F, stop: 0.5 #0C2436,                                 stop: 1.0 #27405A);    border-style: outset;    border-width: 1px;    border-radius: 5px;    border-color: #11223F;    padding: 1px;}QPushButton::hover,QToolButton::hover{    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #758385, stop: 0.5 #122C39,                                 stop: 1.0 #0E7788);    border-color: #11505C;}QPushButton::pressed,QToolButton::pressed{    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #969B9C, stop: 0.5 #16354B,                                 stop: 1.0 #244F76);    border-color: #11505C;}QPushButton::disabled,QToolButton::disabled{    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #282B2C, stop: 0.5 #09121A,                                 stop: 1.0 #111D29);    border-color: #0A1320;    color:#6A6864;}QDialog QPushButton,QDialog QToolButton{  min-width:30px;  min-height:23px;}QToolButton[objectName="minimizeToolBtn"] {    background: transparent;    border:none;    image:url(qss/minimize.png)}QToolButton[objectName="minimizeToolBtn"]:hover,QToolButton[objectName="minimizeToolBtn"]:pressed {    image:url(qss/minimize_hover.png)}QToolButton[objectName="maximizeToolBtn"] {    background: transparent;    border:none;    image:url(qss/maximize.png)}QToolButton[objectName="maximizeToolBtn"]:hover,QToolButton[objectName="maximizeToolBtn"]:pressed {    image:url(qss/maximize_hover.png)}QToolButton[objectName="closeToolBtn"],QToolButton[objectName="customCloseWindow"] {    background: transparent;    border:none;    image:url(qss/close.png)}QToolButton[objectName="closeToolBtn"]:hover,QToolButton[objectName="closeToolBtn"]:pressed{    image:url(qss/close_hover.png)}QToolButton[objectName="customCloseWindow"]:hover,QToolButton[objectName="customCloseWindow"]:pressed{    image:url(qss/close_hover.png)}QToolButton[objectName="titleSetUpToolBtn"]{    background: transparent;    border:none;    image:url(qss/setup.png)}DailForm QToolButton#oneToolBtn,QToolButton#OneToolBtn,QToolButton#twoToolBtn,QToolButton#threeToolBtn,         QToolButton#fourToolBtn,QToolButton#fiveToolBtn,QToolButton#sixToolBtn,         QToolButton#sevenToolBtn,QToolButton#eightToolBtn,QToolButton#nineToolBtn,         QToolButton#starToolBtn,QToolButton#zeroToolBtn,QToolButton#sharpToolBtn {    font-size:36px;    border-radius: 10px;}DailForm QToolButton#delToolBtn{    border-radius: 10px;}QFrame{    border-color:#32435E;    border-width:1px;    border-radius: 3px;}QLineEdit,QTextEdit {    border: 1px solid #32435E;    border-radius: 3px;    /* padding: 0 8px; */    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #080B10,                                 stop: 1.0 #212C3F);    selection-background-color: #0A246A;}QLineEdit::hover{  border-color:#5D8B9E;}QLineEdit[echoMode="3"] {     lineedit-password-character: 9679;}#QLineEdit:read-only {     background: #543F7C;}QTabWidget::pane { /* The tab widget frame */     border: 0px solid #32435E;     position: absolute;     left: -0.1em;}QTabWidget#MainTabWidget::tab-bar {     left: -3px; /* move to the right by 5px */}QTabWidget#MainTabWidget QTabBar::tab {     height: 14ex;     width: 14ex;}QTabBar::tab {     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #292F31, stop: 1 #0C131E);}QTabBar::tab:selected{     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #113845,  stop: 1.0 #15A8FF);}QTabBar::tab:hover {     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #113845,  stop: 1.0 #0E6F80);}#QTabBar::tab:selected {     border-color: #32435E;     border-right-color: #32435E; /* same as pane color */}#QTabBar::tab:!selected {     margin-left: 2px; /* make non-selected tabs look smaller */}#QTabBar:tab:first:selected {    margin-top: 0;}QTabBar:tab:last:selected {    margin-right: 0;}QTabBar:tab:only-one {     margin: 0;}QListWidget{    border: 1px solid #32435E;    background:#050609;}QListWidget::item:selected {     /*border: 0px solid #33CCFF;*/     border:none;     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #6A848C,  stop: 1.0 #0F9EAF);     padding:0px;     margin:0px;}#QListWidget::item:selected:!active {     border-width: 0px ;}#QListWidget::item:selected:active {     border-width: 1px;}QComboBox {     border: 1px solid #32435E;     border-radius: 3px;     padding: 1px 18px 1px 3px;     min-width: 6em;}QComboBox::hover{  border-color:#5D8B9E;}QComboBox:editable {     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #080B10,                                 stop: 1.0 #212C3F);}QComboBox:!editable, QComboBox::drop-down:editable {      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #080B10,                                 stop: 1.0 #212C3F);}/* QComboBox gets the "on" state when the popup is open */QComboBox:!editable:on, QComboBox::drop-down:editable:on {     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #080B10,                                 stop: 1.0 #212C3F);;}QComboBox:on { /* shift the text when the popup opens */     padding-top: 3px;     padding-left: 4px;}QComboBox::drop-down {     subcontrol-origin: padding;     subcontrol-position: top right;     width: 15px;     border-left-width: 1px;     border-left-color: 32435E;     border-left-style: solid; /* just a single line */     border-top-right-radius: 3px; /* same radius as the QComboBox */     border-bottom-right-radius: 3px;}QComboBox::down-arrow {     image: url(qss/downarrow.png);}QComboBox::down-arrow:on { /* shift the arrow when popup is open */     top: 1px;     left: 1px;}QComboBox QAbstractItemView {     border: 2px solid #32435E;     selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #506B79,                                 stop: 1.0 #0D95A6);    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,                                 stop: 0 #1B2534, stop: 0.4 #010101,                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);}





转载自:http://blog.csdn.net/csdn_sxl/article/details/50586576
           http://www.cnblogs.com/findumars/p/4886330.html
http://blog.csdn.net/ailinty/article/details/8953724


                                             
        0        0           
	
				
		









 5c5c5c最新域名升级
    		5c5c5c最新域名升级



原创粉丝点击



		

热门IT博客


软件项目风险控制ppt软件项目风险控制ppt




域名注册几天可以交易域名注册几天可以交易




星尘声库淘宝




自适应图片站源码




谭忠恕和刘新杰 知乎




高斯分布 协方差矩阵




左程云算法最优解 pdf




生产淘宝纸盒




亚马逊阅读器 windows




淘宝达人认证申请理由




网络销售是什么




红蜘蛛网络教室源码




赛尔网络河北分公司




淘宝民谣吉他




ubuntu刻录光盘




广播电台软件




php接收图片上传




相信命运知乎




诉说感情的软件




网络电视直播服务器



		

热门问题
    老师的惩罚
    人脸识别
    我在镇武司摸鱼那些年
    重生之率土为王
    我在大康的咸鱼生活
    盘龙之生命进化
    天生仙种
    凡人之先天五行
    春回大明朝
    姑娘不必设防，我是瞎子
    抵押贷款 征信
    2018征信5月1号执行新政策
    上征信
    征信影响
    打征信
    征信哪里查
    征信不好有什么影响
    哪里可以打征信
    证信
    高考个人信息查询系统
    个人征信记录怎么查
    怎么查询个人信用记录
    徵信下载
    企业征信
    个人征信在哪里打
    征信报告怎么弄
    信用中心个人征信
    征信洗白
    个人信征查询
    个人查询
    征信怎么注册
    个人信用信息服务平台
    个人征信报告在哪里开
    个人信息信用查询
    增信怎么查
    征信记录查询
    征信什么意思
    什么叫征信报告
    信用查
    征信是什么
    中国征信个人查询
    如何查询个人征信记录
    征信系统
    网上查征信怎么查
    征信软件
    中国征信中心个人查询系统
    本科生信息服务平台
    个人征信查询中心
    银行征信查询
    个人征信网上查询
    个人征信中心查询


	










程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里