1.QSS介绍
QSS是Qt程序界面中用来设置控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性,用于美化UI界面。实现界面和程序的分离,快速切换皮肤。
QSS最大的优点就是简单便捷,可以快速实现应用程序的外观界面。
2.QSS的基本语法
1)选择器{property:value}
Qt中有很多控件,例如QPushButton 、 QWidget 等被称为选择器,{property:value}代表属性和值
QPushButton{color:red} //代表QPushbutton 颜色为红色
2)几个选择器可以指定相同的声明,使用逗号","来分割选择器
QPushButton,QLineEdit,QCombox{color:red}
3)声明部分的规则有多个属性值时包含在花括号{ }中,以分号;分隔,属性之间在QSS之间是不区分大小写的
QPushButton{color:red;background-color:white;}
3.Qt样式表设置函数:setStyleSheet
Qt中设置样式表最主要的函数为setStyleSheet
4.利用setStyleSheet实现样式表实例
1)修改按钮字体颜色
ui->pushButton->setStyleSheet(QString(“QPushButton{color:rgb(255,0,0)}”));实现按钮中的字体显示为红色
5.Qt中样式表的属性值
1)QSS文本属性
color:设置文本的颜色,direction:规定文本的方向/书写方向…
2)QSS背景属性
background:在一个声明中设置所有的背景属性。…
3)QSS边框属性
border:在一个声明中设置所有的边框属性
border-bottom:在一个声明中设置所有的下边框属性…
4.QSS Box属性
我们将控件的一个区域称为Box,这个Box的内容如果溢出了如何处理,均使用Box属性设置
overflow-x:如果内容溢出了元素内容区域,是否对内容的左/右边缘进行裁剪。
overflow-y:如果内容溢出了元素内容区域,是否对内容的上/下边缘进行裁剪。…
5.QSS字体属性
font:在一个声明中设置所有字体属性。
6.QSS外边框属性
控件之间的间距可以使用外边框属性设置
7.QSS内边框属性
padding:在一个声明中设置所有内边距属性。
padding-bottom:设置元素的下内边距。…
8.QSS 位置属性
bottom:设置定位元素下外边距边界与其他包含块下边界之间的偏移。
clear:规定元素的哪一侧不允许其他浮动元素=。…
6.利用Qt Creator实现上面按钮按下后颜色改变的功能
1)控件右键设置"改变样式表"->设置属性
运行之后得到的效果与使用setStyleSheet函数设置样式表一样
7.使用函数和Qt Creator实现的区别
两种方法都是使用setStyleSheet实现的,原理上是一样的。
8.样式表实现皮肤改变实例
样式表除了上述作用,最大的作用是改变应用的皮肤
9.学习视频地址
【Qt学习系列】11.Qt样式表Qss