收集整理了一份《2024年最新物联网嵌入式全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升的朋友。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人
都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
首先什么是qss呢?QSS称为Qt Style Sheets也就是Qt样式表,它是Qt提供的一种用来自定义控件外观的机制。QSS大量copy了CSS的功能,只不过QSS的可以看作是CSS简化版,要弱很多,选择器要少,可以使用的QSS属性也要少很多,并不是所有的属性都可以用在Qt的所有控件上。
下面我们来使用qss对滑动条slider进行美化。先上图。
这里蓝色背景并非用qss美化,主要研究滑动条的美化过程。
//滑动条槽(整体)的美化
QSlider::groove:horizontal{
height: 12px;
left: 0px;
right: 0px;
border:0px; //指定无边框
border-radius:6px; //指定圆角
background:rgba(0,0,0,50);
}
//滑块的美化
QSlider::handle:horizontal{
width: 50px;
height: 50px;
margin-top: -20px;
margin-left: 0px;
margin-bottom: -20px;
margin-right: 0px;
border-image:url(:/res/images/setting_slider_handle.png);
}
//已滑过的进度美化
QSlider::sub-page:horizontal{
background:rgba(80,166,234,1);
}
这里解释一下,我们只用到groove,handle,sub-page这3个属性,就可完成属性,未滑过的颜色就是groove的颜色。当然也能指定未滑过部分的颜色即:QSlider::add-page:horizontal
{
background: rgb(0,0,255);
}
注意的是groove,sub-page,add-page三个属性共存时,add-page颜色会覆盖groove的颜色。如果滑块需要外扩比槽部分大,那么可以使用margin参数,当然QSilder测整体高度必须大于或等于滑块的高度,否则滑块会被压缩。
我们例子滑块使用的是图片 ,groove,handle,sub-page,add-page这些既可以用颜色填充也可以用图片填充,要看自己需求。当然如果要炫一点可以用线性渐变颜色,background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
stop:0 #fff, stop:1 #ddd);来定义自己的渐变颜色。
此外我们还可以对这些部件不同状态的一些指定比如,hover,disable
QSlider::handle:horizontal:hover {
width: 50px;
![img](https://img-blog.csdnimg.cn/img_convert/44af570fe1438b1c918cea611defeb98.png)
![img](https://img-blog.csdnimg.cn/img_convert/1e2729963c666f89b59cff46b280fe53.png)
**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上物联网嵌入式知识点,真正体系化!**
**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频,并且后续会持续更新**
**[如果你需要这些资料,可以戳这里获取](https://bbs.csdn.net/topics/618679757)**
续更新**
**[如果你需要这些资料,可以戳这里获取](https://bbs.csdn.net/topics/618679757)**