1 使用Qss设置QT程序界面的样式和皮肤
1.1 Qss的功能
Qt程序界面中控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性可以通过Qss文件来设置,美化UI界面。实现界面和程序的分离,快速切换皮肤。
1.2 QSS基本属性设置
Qss的强大在于组合功能的强大,这里只是简单介绍基本功能,将简单功能组合起来才能实现好看的效果。
Qss背景属性(Background)
属性 |
描述 |
CSS |
在一个声明中设置所有的背景属性。 |
1 |
|
设置背景图像是否固定或者随着页面的其余部分滚动。 |
1 |
|
设置元素的背景颜色。 |
1 |
|
设置元素的背景图像。 |
1 |
|
设置背景图像的开始位置。 |
1 |
|
设置是否及如何重复背景图像。 |
1 |
|
规定背景的绘制区域。 |
3 |
|
规定背景图片的定位区域。 |
3 |
|
规定背景图片的尺寸。 |
3 |
QSS边框属性(Border 和 Outline)
属性 |
描述 |
CSS |
在一个声明中设置所有的边框属性。 |
1 |
|
在一个声明中设置所有的下边框属性。 |
1 |
|
设置下边框的颜色。 |
2 |
|
设置下边框的样式。 |
2 |
|
设置下边框的宽度。 |
1 |
|
设置四条边框的颜色。 |
1 |
|
在一个声明中设置所有的左边框属性。 |
1 |
|
设置左边框的颜色。 |
2 |
|
设置左边框的样式。 |
2 |
|
设置左边框的宽度。 |
1 |
|
在一个声明中设置所有的右边框属性。 |
1 |
|
设置右边框的颜色。 |
2 |
|
设置右边框的样式。 |
2 |
|
设置右边框的宽度。 |
1 |
|
设置四条边框的样式。 |
1 |
|
在一个声明中设置所有的上边框属性。 |
1 |
|
设置上边框的颜色。 |
2 |
|
设置上边框的样式。 |
2 |
|
设置上边框的宽度。 |
1 |
|
设置四条边框的宽度。 |
1 |
|
在一个声明中设置所有的轮廓属性。 |
2 |
|
设置轮廓的颜色。 |
2 |
|
设置轮廓的样式。 |
2 |
|