QSS常用设置

QSS常用设置

2025/4/19 3:56:51 来源：https://blog.csdn.net/propor/article/details/140890353 浏览: 次关键词：QSS常用设置

本文介绍QSS常用设置。

QSS英文全称：Qt Style Sheet，用于修改控件外观，美化界面，为Qt应用程序特有。熟练使用QSS可以为我们快速设计满意的界面提供方便。本文针对Qt应用程序开发过程中常用的控件，介绍QSS常用设置。

1.通用设置

通用设置主要针对Qt所有控件的设置。可以在“Object”前加“#”用于指定是哪个对象，防止某些控件（如QDialog，QMainWindow）其上的控件也被设置相同的背景，代码如下：

#SettingWindow {border-image: url(:/background/SettingWindow.png);
}

1)设置背景图片

使用url指定图片位置，前提需将资源加入工程。

按控件border区域的长宽比来缩放图片，保证填充满控件border区域：

border-image: url(:/background/SettingWindow.png);

按图片实际尺寸显示图片，超出控件显示区域的部分会被裁剪掉：

background-image: url(:/background/SettingWindow.png);

按图片原长宽比来缩放图片，保证填充满控件content区域：

image: url(:/background/SettingWindow.png);

2)背景颜色

background-color: rgb(24, 24, 25);

3)文字对齐

左对齐：

text-align:left

中心对齐：

text-align:center

右对齐：

text-align:right

1)指定按钮图片及按下后的图片：

#btnReset{border-image: url(:/icon/ResetNormal.png);
}#btnReset:pressed {border-image: url(:/icon/ResetPressed.png);
}

2)将按钮设置成透明无边框

#btnTest {background-color: rgba(255, 255, 255, 0);border: none;
}

其中，rgba()的alpha被设置为0，表示透明，而rgb被分别设定为255，255，255表示白色，综合就是白色的透明色。

指定字体颜色：

#lbTest {color: rgb(255, 255, 255);
}

待添加。

总结，本文介绍了QSS常用设置。