QSS的简单应用


首先,新建项目DemoQss,

这里我用的是Qt5.4.1,其他版本自己看着办。。。


然后在项目目录下手动加入style.qss文件,内容如下:

/*给一个object name叫btn_Enter的QPushBuutton添加红色背景*/
QPushButton#btn_Enter{
    background-color:red;
}


其次,添加项目资源文件,并引入style.qss

QSS的简单应用

在资源文件里的的style.qss是可以编辑的哦,可惜没有自动补全功能。


再次,项目里添加一个QPushButton,

记得把object name改为btn_Enter哦

QSS的简单应用


主窗体加载.qss文件

#在mian.cpp追加如下内容
QFile qssFile(":/style.qss"); //定义qss文件对象,并设置要读取的文件
qssFile.open(QFile::ReadOnly); //只读方式读取.qss文件内容
if(qssFile.isOpen()) //判断文件打开是否正常
{
  QString qss = QLatin1String(qssFile.readAll()); //这句太绕了,不知道怎么解释呀
  qApp->setStyleSheet(qss); //设置到窗体中去
  qssFile.close(); //记得要关闭文件对象哦
}


Build后运行,快捷键[Ctrl + R],有图有真相

QSS的简单应用


你可能感兴趣的:(QSS,Qt样式)