QT样式表styleSheet(qss)帮助文档的使用,及相关术语、概念

原创 2018年04月15日 15:48:44

学习样式表,最好的参考资料莫过于QT自带的帮助文档,随便打开一个QT工程,点击->帮助->索引->styleSheet,即可打开QT所有关于样式表的帮助信息,如下图所示:



比如,我们想查查下拉列表控件QComboBox支持哪些样式属性,可以点击上图中的QT style sheet reference,里面就有介绍。

概念1:方盒模型box-model

点击上图中的Customizing Qt Widgets Using Style Sheets ,见下图:



由以上内容可见:一个控件widget的外观被分成了4部分:边缘margin、边线border、填充padding、内容content

某个控件是否支持方盒模型,在QT style sheet reference章节里都详细说了,可自己查阅。

概念2:子控件sub-control

这一概念仍在这一章节:Customizing Qt Widgets Using Style Sheets 

帮助文档举了个例子:下拉列表控件QComboBox,QT对这一控件的渲染分3部分:

  • Render the QComboBox { } rule      //渲染QComboBox 
  • Render the QComboBox::drop-down { } rule         //渲染下拉按钮
  • Render the QComboBox::down-arrow { } rule      //渲染下拉箭头
下拉按钮是QComboBox的子控件,下拉箭头是下拉按钮的子控件,也即层次为:ComboBox->下拉按钮->下拉箭头
子控件的位置可以用subcontrol-position 和subcontrol-origin 这两个属性来定位, 定位以后,子控件也就可以使用方盒模型了

注意:帮助手册要求:对于一些复杂控件,如QComboBox、QScrollBar,等,如果我们要对这些复杂控件的子控件设置属性,那么必须把子控件的全部属性都设置一遍!!!
例如,对于pushButton,如果我们要设置QPushButton{},那么同时要设置其鼠标悬浮的样式:QPushButton::hover{},鼠标按下的样式:QPushButton::pressed{}等















自学QT之qss教程

这篇文章来自于QT的帮助文档,你要是看了最新版的,会发现讲解得更棒。如果你的英文不是那么好,或者说看着头疼,那还是来看此篇吧。 在此之前说一个帮助文档的特别用法,绝不仅仅是搜单词,QT的文档非常强大...
  • xuancailinggan
  • xuancailinggan
  • 2015-12-29 22:46:27
  • 10490

Qt之QSS(样式表语法)

简述Qt样式表的术语和语法规则几乎和CSS相同。如果你熟悉CSS,可以快速浏览以下内容。简述 样式规则 选择器类型 子控件 伪选择器 冲突解决方案 级联 继承 命名空间中的部件 设置对象属性 更多参考...
  • u011012932
  • u011012932
  • 2016-06-16 15:35:31
  • 29867

Qt样式表QSS基本使用

Qt具有一种名为样式表的文件qss,主要结构与css相似,用于将界面与样式风格相互分离,形成同web相同的可以随意换肤的效果。 一、QSS语法     和css 一样,他也有由一个选择器和具体的样...
  • u011822862
  • u011822862
  • 2016-08-11 23:21:53
  • 886

QT QPushButton 通过stylesheet 设置样式

QPushButton设置样式可以分两种方式: 第一种通过qss文件写样式,例如 QPushButton#noboder_button { border: 0px solid #FFFF...
  • wwwwxhh
  • wwwwxhh
  • 2016-06-21 16:57:17
  • 3568

Qt浅谈之二十二Qt样式表

一、简介       最近因项目需求,Qt程序一旦检测到错误,要重新启动,自己是每次关闭主窗口的所有子窗口但有些模态框会出现问题,因此从网上总结了一些知识点,以备以后的应用。 二、详解 1、Qt...
  • taiyang1987912
  • taiyang1987912
  • 2015-04-10 09:36:08
  • 31570

Qt样式表qss的两种实现方法

  • 2017年07月28日 11:45
  • 2.21MB
  • 下载

【Qt】一段QPushButton的styleSheet样式分享

工作内容比较多,使用过的属性有可能忘记,也分享给大家,在使用时,可以直接查找属性。而且官方给的例子(见附)属性也不多。不全,再使用到其他属性时慢慢补充完整QPushButton{ backgr...
  • Qyee16
  • Qyee16
  • 2016-04-24 18:06:28
  • 6395

两种QSlider进度条的QSS样式

1. 横的进度条: musicSlider->setStyleSheet(" \ QSlider::add-page:Horizontal\ { \ ...
  • liukang325
  • liukang325
  • 2015-04-03 09:25:38
  • 8471

Qt 自定义控件应用QSS(setStyleSheet)设置由Q_PROPERTY设置的属性

继承自QWidget的类设置了自定义属性frameColor-边框颜色 class FHRBox : public QWidget { Q_OBJECT Q_PROPERT...
  • senkkes
  • senkkes
  • 2016-03-14 21:47:41
  • 3553

QTreeView和QTreeWidget样式表的使用案例

由于项目需要,第一次接触到QT样式表。主要是修改QTreeWidget(或者是QTreeView)的界面问题。官方的帮助文档其实起到很大的作用,网上的资料比较杂,而且普遍描述得不清楚。今天花了一些时间...
  • fengyutongtt
  • fengyutongtt
  • 2016-09-07 16:22:00
  • 9186
收藏助手
不良信息举报
您举报文章:QT样式表styleSheet(qss)帮助文档的使用,及相关术语、概念
举报原因:
原因补充:

(最多只允许输入30个字)