1,点击要设置样式的控件
2,右击-》弹出列表
3,选择改变样式表
4,里面包含有添加资源,添加渐变,添加颜色,添加字体样式
5,选中其中一项有设置对应控件上的一些小项,如:背景色,边框色,上边框等设置。
总结:按照步骤点击设置主界面时,可以在样式代码中加入想要设置的控件类名:
QPushButton{
/*background-color: #473C8B; /*背景色*/
border-style: outset;
border-width: 2px;
border-radius:5px; /*边界圆滑*/
border-color: #8B7355;
font: bold 20px;
min-width:2em;
color:#000000; /*字体颜色*/
font-family:华文新魏;
padding: 5px;
}
在程序中定义一个控件或者想UI中拖入控件(如按钮)
我们可以使用代码设置其样式
ui->Button->setStyleSheet(
QString("background-color: rgb(3, 255, 247);
color:#000000;
border-style:outset;
border-width:0px;
border-radius:10px;"));
qss文件引入能够实现程序换肤功能,将程序中所有样式写入扩展名.qss文件中,程序直接调用即可实现整体皮肤的更换
QFile file(":/qss/main.qss");
file.open(QFile::ReadOnly);
QTextStream filetext(&file);
QString stylesheet = filetext.readAll();
this->setStyleSheet(stylesheet);
file.close();
最后,qcc实际上和css差不多,也有很多快捷设置方式:
属性选择器,类选择器,ID选择器,后代选择器,子选择器,伪类选择器