Qt扫盲-QSS帮助手册使用

QSS帮助手册使用

  • 一、概述
    • 1. 查找 Qt Style Sheets Reference
    • 2. 收藏一下
  • 二、Qt Assistant 查阅帮助
    • 1. List of Stylable Widgets
    • 2. List of Properties
    • 3. List of Icons
    • 4. List of Property Types
    • 5. List of Pseudo-States
    • 6. List of Sub-Controls

一、概述

导言:这个 最好的学习地方就是官方的帮助手册,我之前学习的笔记也是从 这个Qt Assistant 里面截取和总结提炼的,帮助手册的英语还是很简单,就是得多读读几遍。然后总结一下。我强烈推荐还是去读那个 Qt Assistant 里面关于 Qt Style Sheets 的部分呐。我这里主要是记录一下怎么去查看这个 Qt Assistant 里面关于 Qt Style Sheets 的部分。

这里没有什么实践的东西,就是理论多些,如果想直接copy 代码就可以看 Qt Style Sheets Examples,里面直接可以copy的

1. 查找 Qt Style Sheets Reference

直接在 Qt Assistant 索引里输入 Qt Style 之类的关键词,我找的 Qt Style Sheets Reference,这样就弄好啦。
Qt扫盲-QSS帮助手册使用_第1张图片

2. 收藏一下

在顶部菜单栏的书签里收藏一下,方便下次查看‘’
Qt扫盲-QSS帮助手册使用_第2张图片

下次直接在 书签里点这个索引就好啦
Qt扫盲-QSS帮助手册使用_第3张图片

二、Qt Assistant 查阅帮助

首先看到这个目录
里面有下面几项,每一个都是由有关联的
如下图:
Qt扫盲-QSS帮助手册使用_第4张图片

目录名 含义
List of Stylable Widgets 就是可以用QSS美化的 控件,直接看得到的
List of Properties 即是所有的 QSS 属性,也就是像 CSS 里面的 color、background、font 等等的QSS支持属性
List of Icons 是一些固定窗口,比如对话框啊之类的的图标,也是属性的一种,
List of Property Types 其实就是 QSS属性值类型,每一个 QSS 属性总得有一个值嘛,值就是这个Type
List of Pseudo-States 就是一些伪态,比如鼠标移动到 按钮上的 :hover,:disabled 之类的,和CSS 一样
List of Sub-Controls 可以查讯到复杂控件 子控件的是怎么描述之类的

1. List of Stylable Widgets

就像这种,这里要注意的一点就是,很多控件如果找不到,你得看看他的父控件,因为 样式表也是会直接影响到他的后代,最明显的例子就是

QTreeView 
QTreeWidget 

都是用的同一个样式表,还有这个 QAbstractScrollArea,QTextEdit也是用其父类QAbstractScrollArea来设置样式的。

Qt扫盲-QSS帮助手册使用_第5张图片

2. List of Properties

在这里要注意的其实就是, Type 就是后面的 List of Property Types 类型,因为这个类型其实就是影响这个属性值是如何填的。这个里面很多属性描述的。要看看,看看那个 Example 就好。
Qt扫盲-QSS帮助手册使用_第6张图片

3. List of Icons

这个我用得少些,看那个例子就好

  * {
      file-icon: url(file.png),
                 url(file_selected.png) selected;
    }

  QMessageBox {
      dialogbuttonbox-buttons-have-icons: true;
      dialog-ok-icon: url(ok.svg);
      dialog-cancel-icon: url(cancel.png),
                          url(grayed_cancel.png) disabled;
  }

Qt扫盲-QSS帮助手册使用_第7张图片

4. List of Property Types

这个就比较灵活了,因为 Property Types 是一个类型,在 syntax 就会有这个值的取值是啥东西。例如

Alignment 属性就有 5种取值,top, bottom, left, right, center
再拿Box Lengths举例,例子非常详细的
Qt扫盲-QSS帮助手册使用_第8张图片

Qt扫盲-QSS帮助手册使用_第9张图片

5. List of Pseudo-States

伪态其实就是动态特效的一种,和CSS 的一样,这个会说哪些控件有这些状态之类的。
Qt扫盲-QSS帮助手册使用_第10张图片

6. List of Sub-Controls

就是一些复杂控件下有的子控件的美化,在这里会具体说子控件是哪些控件的一部分。
Qt扫盲-QSS帮助手册使用_第11张图片

你可能感兴趣的:(#,▶,Qt扫盲,QSS参考,QSS,Qt美化帮助,Qt样式表,qt5)