技术专栏
qt的qss设置
首先在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;
设置完成后,可以编译运行查看一下效果。
声明:本文内容由易百纳平台入驻作者撰写,文章观点仅代表作者本人,不代表易百纳立场。如有内容侵权或者其他问题,请联系本站进行删除。
红包
点赞
收藏
评论
打赏
- 分享
- 举报
评论
0个
手气红包
暂无数据
相关专栏
-
浏览量:8533次2020-12-15 15:27:20
-
浏览量:9324次2020-12-16 11:31:02
-
浏览量:10518次2020-12-03 09:35:12
-
浏览量:3948次2020-10-10 15:51:00
-
浏览量:7217次2020-11-24 23:18:39
-
浏览量:4598次2020-12-22 11:08:31
-
浏览量:18415次2020-12-07 10:46:30
-
浏览量:5864次2020-07-17 17:27:59
-
浏览量:3064次2017-11-28 12:33:29
-
浏览量:2279次2020-09-08 15:02:41
-
浏览量:5208次2017-11-16 11:35:44
-
浏览量:6675次2018-01-22 14:23:15
-
浏览量:4175次2020-10-09 17:29:50
-
浏览量:2834次2020-05-14 17:30:06
-
浏览量:2133次2020-09-16 19:14:51
-
浏览量:3824次2020-08-21 19:40:26
-
浏览量:17486次2021-01-29 19:22:55
-
浏览量:1977次2020-08-22 16:10:10
-
浏览量:9270次2020-12-08 09:32:15
置顶时间设置
结束时间
删除原因
-
广告/SPAM
-
恶意灌水
-
违规内容
-
文不对题
-
重复发帖
打赏作者
big_anana
您的支持将鼓励我继续创作!
打赏金额:
¥1
¥5
¥10
¥50
¥100
支付方式:
微信支付
打赏成功!
感谢您的打赏,如若您也想被打赏,可前往 发表专栏 哦~
举报反馈
举报类型
- 内容涉黄/赌/毒
- 内容侵权/抄袭
- 政治相关
- 涉嫌广告
- 侮辱谩骂
- 其他
详细说明
审核成功
发布时间设置
发布时间:
请选择发布时间设置
是否关联周任务-专栏模块
审核失败
失败原因
请选择失败原因
备注
请输入备注