qwidget美化_【转载】Qt界面美化 QSS

引言

作为一套GUI框架，Qt是非常强大的。(注：Qt

不仅是一套优秀的GUI框架，同时也是一套出色的应用程序框架)。

在UI的制作方面Qt为广大开发者提供了一套强大而易用的工具，她就是——Qt

Style Sheets。

本文将向大家举例介绍如何使用Qt Style

Sheets制作个性化的UI界面。例子程序(stylesheetDemo)可通过本文末尾所附链接下载。

UI涉及的东西非常庞杂，Qt Style

Sheets也包含许许多多的内容，因此本文并不试图对Qt

Style

Sheets进行系统的理论性的详解，那需要数十倍于本文的篇幅。本文仅通过几个例子，将大家引入Qt

Style Sheets的大门，以后如有更多需求大家直接在Qt

Assistant中查询Qt Style

Sheets并且结合自己写的程序进行测试就可以了。

测试设备

Nokia N8

预备知识

Style sheets 是由一系列的style rules组成的。一条style

rule

由选择器selector和声明declaration这两部分构成。selector说明这条规则在哪些widgets上起作用，declaration说明要在这些widgets上设置什么属性properties。例如：

QPushButton, QLineEdit { color: red; background-color: white }

在上面这条style rule中QPushButton, QLineEdit

是两个选择器，中间用逗号连接。 { color: red;