Qt的控件样式可以通过多种方法进行设置
1、UI设置
在Qt的设计页面,右键控件即可弹出菜单,选择改变样式表,如图
在弹出的样式表编辑框中,可以对样式表进行各种修改
还可以在控件属性栏进行设置样式表:字体、大小等
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控件使用图片
通过代码使用图片
// ui->ButtonPre->setStyleSheet("background-image:url(:/source/image/back.png);}");
样式表自查快速参考:http://www.w3school.com.cn/cssref/index.asp#padding