QT样式表,setstylesheet,控件使用图片

Qt的控件样式可以通过多种方法进行设置
1、UI设置
在Qt的设计页面,右键控件即可弹出菜单,选择改变样式表,如图
QT样式表,setstylesheet,控件使用图片_第1张图片
在弹出的样式表编辑框中,可以对样式表进行各种修改
QT样式表,setstylesheet,控件使用图片_第2张图片QT样式表,setstylesheet,控件使用图片_第3张图片QT样式表,setstylesheet,控件使用图片_第4张图片QT样式表,setstylesheet,控件使用图片_第5张图片
还可以在控件属性栏进行设置样式表:字体、大小等
QT样式表,setstylesheet,控件使用图片_第6张图片

2、代码设置样式表
以按钮为例,介绍代码设置样式表,需要包含头文件QStylesheet

//设置全局样式表使用this,按钮正常态、悬浮态、按压态顺序不能错
this->setStyleSheet("QPushButton{font-family:Microsoft Yahei;color:white;background-color:rgb(0 , 0 , 0);border-radius:5px;}"
                                  "QPushButton:hover{background-color:rgb(255 , 0 , 0);}"
                                  "QPushButton:pressed{background-color:rgb(255 , 255 ,255);padding-left:3px;padding-top:3px;}"
                                  );
//单个样式表设置
//ui->pushButton->setStyleSheet("pressed{background-color:rgb(14 , 135 , 228);padding-left:3px;padding-top:3px;}"); 
//对于同一个控件,如果同时用UI和样式表设置,UI的设置会覆盖样式表  

//使用#指定某个控件 
this->setStyleSheet(QString::fromUtf8( 
"QLabel#label_title{border-radius:20px;background:#30495a;font-size:18px;color:#ffffff;}\n"
"QLabel#label_status{border-radius:20px;background:#9cc03d;font-size:18px;color:#ffffff;}\n"));

设置边框:border-top:1px solid black; 宽度、风格、颜色

3、UI控件使用图片
QT样式表,setstylesheet,控件使用图片_第7张图片

通过代码使用图片

//    ui->ButtonPre->setStyleSheet("background-image:url(:/source/image/back.png);}");

样式表自查快速参考:http://www.w3school.com.cn/cssref/index.asp#padding

你可能感兴趣的:(QT,Qt样式表,Qt之路,setStyleSheet,image)