【Qt界面个性化】大杀器——qss
来源:互联网 发布:网络直播开车什么意思 编辑:程序博客网 时间:2024/04/29 14:09
自学qt一年多了,也捣鼓做了不少东西了,发现qt比mfc强大的地方就在与它的简洁和强大的qss。
如果学qt不知道qss那基本就和美观的界面无缘了。简单来说,qss就源于网页的css(语法也基本一样一样的)所以如果你之前懂一些css的知识,学qss那是非常快的。
css学习:http://www.w3school.com.cn/css/css_syntax.asp
qss能做什么?
1.可以换肤:
http://www.qtcn.org/bbs/read-htm-tid-58060.html
2. 可以做统一炫酷的界面
qss用法
和css一样,qss的语法也是:
- 1
- 2
不同的属性间用;分隔,同一个属性可以设置多个值,用空格分隔
- 1
- 2
selector
selector有3种写法和css一致:
- 控件类(
QButton
,QLabel
):直接控制所有的这类控件 - 控件名(
#sendbtn
):控制特定的控件 - 控间的特定状态(
QButton:hover
):当鼠标移动到button上时触发 - 子控件(
QComboBox::drop-down
):当一个控件里面含有子控间的时候,可以用这个方法。
用法
1. 对于特定控件,直接使用setStyleSheet()
(不需要加选择器了。
- 1
2. 可以对对话框,widget或者window使用setStyleSheet
设置里面所有控件的属性
- 1
建议写成这种格式:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
3. 可以把qss写到文件里,然后读取出来(推荐)
- 1
- 2
- 3
- 4
- 5
文件里内容
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
常用qss属性
qss的属性特别多,但是说实话,我觉得常用的qss就几个属性:
通过这些属性你就已经能做出一些很好看的界面了,改个background
,把border
设置为0,再加上hover
,做一些流行的扁平化风格的界面,轻轻松松的,如果想做的更炫的,自己切一些图,设置成背景也就够了。
至少最简单做个这样的界面应该不难,下面的是我目前正在做的一个作业,就是聊天程序的,当然下面这个的边框圆角处理,阴影,可能是qss做不出来的,但是其他应该是没问题了。
我之后也会发一些教程上来。
更多qss属性
我这里没列出来,因为qt自带的帮助文档已经很全面了,我觉得大家还是要学会自己利用手册,在索引
——搜索stylesheet
就行了
参考:
QSS知识总结
阅读全文
0 0
- 【Qt界面个性化】大杀器——qss
- 【Qt界面个性化】大杀器——qss
- Qt界面美化 QSS
- Qt界面美化 QSS
- Qt-Qss:自定义界面引入qss
- 《Qt》part 6 QSS Qt样式表——界面美化1
- QT智能家居界面qss渲染
- QT自定义界面纯QSS
- 《Qt》part 7 QSS参考样式表——界面美化2
- 《Qt》part 8 QSS+按键菜单——界面美化3
- QSS与Qt主程序做到界面分离
- Qt界面美化之qss应用
- Qt之界面实现技巧(QSS)
- Qt开发辅助工具——QSS Editor,编写qss实时预览
- QT开发(六十八)——QSS应用
- Qt技巧——巧用QSS样式表
- Qt qss
- 记:QSS与Qt主程序做到界面分离
- java项目爆红常见错误
- FCC个人解题思路分享(1):将给定的数字转换成罗马数字
- 贪心专题(1)——区间与点匹配
- input标签type为number时怎么去除加减按钮
- 命令简记
- 【Qt界面个性化】大杀器——qss
- 第三个任务
- Python表达式和语句的区别
- Windows下安装GDB
- Android人脸识别开发入门–基于虹软免费SDK实现
- CSS字体样式(Font Style)
- 首篇纪念博客,SIFT踩坑平坑记录
- Jackson注解学习参考
- 未来就是互联网的时代