Qt样式表使用说明.pdf资源-CSDN文库

需积分: 39 30 浏览量 2020-09-02 10:00:05 上传评论 1 收藏 1.31MB PDF 举报

资源推荐

资源详情

资源评论

嗯 Qt 样式使用说明

一、声明：

1．文档说明：

学习 Qt 样式表前提：

如果你了解 CSS，那么我相信这对你来说会很容易理解并应用于实际界面美化，它与 CSS

有些相似之处，当然如果同时也了解 Qt，那么你会很快学会如何运用 Qt 样式为程序设计出

漂亮的界面。

阅读本说明文档：

首先一、阅读声明，二、名词解释，三、语法简介，六、附属例题解释，每次实验并对

照着五、样式表参照表，体会并学习如何运用样式表里关键词。

样式表参照表之间的关系很复杂：

很多需要重复描述的选择器、属性、值，但由于本文档不能跳转，所以要自己去查找，

按照它语法关系层层迭代定位表格，并按照字母表顺序定位要查找内容的大概范围。

这里的表格以 Qt help 文档为准。

暂不介绍：

为了尽快完成本文档的初步可使用的目的，很多在本程序中暂时用不到的窗口部件暂未

解释介绍，窗口部件介绍表格中会提到“暂不介绍” ，但是辅助控制器，属性，值都是完全

展示在表格中。

附加的例题格式说明：

例子是经过实验得出的结论，用 C语言的注释方式添加到相应的样式代码后面，当然你

的文件 ( .CSS) 同样满足这个注释方式。

/* 注释内容 */

/*imagesForExample: example_for_XXX000.png */ 实例图片

如何做实验：

Qt 源码 bin 目录下的 designer.exe, 运行 / 拖入控件 / 右键 / 改变样式表 / 应用；

Qt Creator 也可以。

遇到问题请尽快联系作者

2．背景介绍：

Qt 为图形界面应用程序提供一个完整的 C++应用程序开发框架。

Qt 的样式表主要是受到 CSS 的启发，通过调用 QWidget::setStyleSheet() 或

QApplication::setStyleSheet() ，你可以为一个独立的子部件、整个窗口，甚至是整个应用程序

指定一个样式表。样式表由影响窗口部件绘制的样式规则组成。这些规则都是普通文本。由

于在运行时会解析样式表，所以可以通过定制样式表的方式来尝试设计不同的 Qt 应用程序。

二、名词解释：

1. 选择器（ selector）

意思是：选择特定的类，一般为一个可以定制样式表的 Qt 类，所有可以作为选择器的

Qt 类都在五、样式参照表：2. 可以应用样式表的窗口部件表 =选择器中列出，选择器的格

式参照五、样式参照表： 1 样式选择器类型表。

所谓的选择器可以理解为 CSS中的选择器，他指定了一类部件进行设计。

2. 辅助控制器（ sub-control）

辅助控制器一词是相对于选择器存在的，可以理解为我们选择了一个部件，例如一个

QCheckBox，这个部件它分为两个部分，文本部分和可以点击的小窗

口的部分。而这个可点击的小窗口部分我们要单独的设置，就要再次分离出来，就需

要::indicator(QCheckBox 有这个辅助控制器 )来设置，如下例题：

QCheckBox::indicator{

width:20px;

height:20px;

}

/* 说明是在 QCheckBox中的指示符（ indicator ）宽为 20px，height 为 20px。*/

辅助控制器是用 :: 双冒号进行指定。

如果没有 ::indicator 那么我们这个小例子将是对整个 QCheckBox 设置的，使用了辅助控制器

的时候就自动分离出这个小窗口，对小窗口进行设置。

不同的选择器有不同的辅助控制器，具体可查看五、样式表参照表： 3. 辅助控制器列表

中详细介绍相应的辅助控制器在不同的类中应用，详细说明在类中的什么位置。

3. 状态（ pseudo-states）

除了辅助控制器对一个部件的分离，样式表还可以根据窗口部件的各个状态来设置窗口。

例如 hover 表示鼠标划过时的状态，例子如下：

QCheckBox:hover{

color: red;

}

/* 例子说明只有当鼠标滑过复选框文本时变为 red*/

状态是用 : 冒号进行区分每一个状态。

更详细的状态列表在五、样式表参照表： 3 状态列表中查找

状态可以多个一起使用，也可以和辅助控制器一起使用，这样设置窗口部件的时候分的会更

加详细。

如下小例子 :

QCheckBox:hover,QCheckBox:checked{

剩余72页未读，继续阅读

内容反馈

dypto

粉丝: 1
资源: 3

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip