首页 > 技术知识 > 正文

首先在main函数中添加qss的获取方式:

QFile styleFile(“:/resource/style/ui.qss”); if(!styleFile.open(QFile::ReadOnly)){ qDebug() << “ui.qss open failed”; } QString str =QString( styleFile.readAll()); styleFile.close(); qApp->setStyleSheet(str); 注意此时的qss文件路径是个相对路径,具体的需要自己配置。

需要先将QSS文件加入到资源文件中,然后在QSS文件中填写,具体如下:

AreaBasicFrame QLabel#communicatestatusname,QLabel#switchtatusname { background-image: url(“:/resource/border/littleborder.png”); } AreaBasicFrame QLabel#power,QLabel#electric { background-image: url(“:/resource/border/middleborder.png”); } QCheckBox::indicator:unchecked { image: url(://resource/area/checkbox/close.png); } QCheckBox::indicator:checked { image: url(://resource/area/checkbox/open.png); }

设置控件的方式如以上一样。

正对一些文字的设置可以写为: background-color: #f39c12; color: #ffffff; text-align: center; font-size: 24px; min-width: 220px; min-height: 60px; max-width: 220px; max-height:60px; margin-left: 290px; border-width: 0; border-radius: 5px; border:none; background-image: url(“:/set_module_img/resource/image/settingModuleImg/bg_set_1.png”); background-color: transparent;

设置完成后,可以编译运行查看一下效果。

猜你喜欢