刚刚开始学习QT,因为本来是做前台的,css用的比较多,发现QT中的qss和css很像,用起来也很方便,记录一下过程
首先新建一个项目,创建的时候我使用了QT自带的界面文件,也就是**.ui,对于初学者来说比较方面,有点像.net里面的窗体应用程序
提供一个可视化的界面
首先我们在UI文件里面,像窗体那样拖入一个QPushButton,更改了一下ObjectName 为bt1
然后新建文件-QT资源文件,在里面添加一个目录为qss,然后添加了一个文件*.qss,给他一个别名为qss
qss代码
QPushButton#bt1{
border:2px solid black;
border-radius: 10px;
}
QPushButton#bt1:hover{
background:blue;
}
mian.cpp代码
#include "widget.h"
#include <QApplication>
#include<QFile>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Widget w;
QFile styleFile(":/qss/qss");
styleFile.open(QIODevice::ReadOnly);
QString setStyleSheet(styleFile.readAll());;
qApp->setStyleSheet(setStyleSheet);
styleFile.close();
w.show();
return a.exec();
}
编译运行之后,我们就可以看到按钮的样式不再是windows系统风格,变成了我们自定义样式