Qt提供了类似前端css的样式表qss(Qt样式表)来进行界面优化,可以实现代码界面分离,像MFC这种需要进行控件重载才能实现。qss的使用方法如下:
(1)在Qt设计器中对控件右键----改变样式表,可以填写qss语法来修改样式 ,这样是对单独的控件进行设置。
(2)在界面空白处改变样式表,是全局设置。
例如下面的界面:
经过qss修改,可以改成如下样式:
颜色搭配可以在qss里自己调节达到更好的视觉感受。
qss格式如下:
类名
{
属性1:。。。。;
属性2:。。。。;
。。。。。。。。
}
例如对QLabel样式的设置
QLabel
{
background-color: rgb(78,123,255); /*背景颜色*/
font:14px; /*字体大小*/
color: white; /*字体颜色*/
}
注意:每个属性以英文分号结尾,没有分号该属性无效。
qss的属性很多,先介绍几个常用
(1)背景颜色 background-color: rgb(78,123,255);
(2)字体 font
(3) 边框圆角 border-radius
例如上述例子的qss代码:
QMainWindow
{
background-color: rgb(78,123,255);
border-top:2px;
border-bottom:2px;
border-left:2px;
border-right:2px;
}
QLineEdit
{
background-color: rgb(240,241,242);
border: 1px solid black;
border-radius:5;
font:14px;
}
QLabel
{
background-color: rgb(78,123,255);
font:14px;
color: white;
}
QPushButton
{
color:green;
font:18px, "微软雅黑";
background-color:rgb(0,223,223);
border-radius:10px;
}
qss的用法很灵活,暂时记录这么多了,以后逐渐更新。
更多qss使用方法,请参考这篇【qss代码大全】