1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > qss美化Qt界面

qss美化Qt界面

时间:2022-12-28 07:01:24

相关推荐

qss美化Qt界面

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代码大全】

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。