【Qt界面个性化】大杀器——qss
来源:互联网 发布:人工智能计算器 安卓 编辑:程序博客网 时间:2024/05/16 06:25
自学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的语法也是:
selector {property: value}
不同的属性间用;分隔,同一个属性可以设置多个值,用空格分隔
selector {property1: value1 value2; property2: value3}
selector
selector有3种写法和css一致:
- 控件类(
QButton
,QLabel
):直接控制所有的这类控件 - 控件名(
#sendbtn
):控制特定的控件 - 控间的特定状态(
QButton:hover
):当鼠标移动到button上时触发 - 子控件(
QComboBox::drop-down
):当一个控件里面含有子控间的时候,可以用这个方法。
用法
1. 对于特定控件,直接使用setStyleSheet()
(不需要加选择器了。
this->ui->label_2->setStyleSheet("{color:red}");
2. 可以对对话框,widget或者window使用setStyleSheet
设置里面所有控件的属性
myDialog->setStyleSheet("QLineEdit { background-color: yellow }");
建议写成这种格式:
this->setStyleSheet("#photo{" "border:1px;" "}" "QLabel{" "color:#4a4a4a;" "}" );
3. 可以把qss写到文件里,然后读取出来(推荐)
QFile qssfile(":/style/base.qss"); qssfile.open(QFile::ReadOnly); QString qss; qss = qssfile.readAll(); this->setStyleSheet(qss);
文件里内容
QLabel { color:#4a4a4a;}QPushButton { background-color:#3dce3d; color:white; border:0px;}
常用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主程序做到界面分离
- [Android]百度地图之几何标注和文字覆盖物
- 用数据库作学生管理系统时问题的解决
- Windows平台下Doxygen+GraphViz+HtmlHelp自动生成函数调用关系图
- 内存管理
- 使用requests模块模拟客户端请求
- 【Qt界面个性化】大杀器——qss
- 问题记录-python写mapper测试时出现urllib.error.HTTPError: HTTP Error 404: Not Found
- RHEL7文件权限管理
- 单链表逆向打印
- centos6.5系统bash损坏之救援模式修复
- 104_自定义CircleProgressBar
- 《UNIX环境高级编程》(竞争条件)
- 2016"百度之星" - 测试赛 1004 放盘子(水)
- 【线段树】浅谈区间问题(2)