qt导入html css样式表,第45篇 进阶（五）Qt样式表

第45篇 进阶(五)Qt样式表

导语

一个完善的应用程序不仅应该有实用的功能，还要有一个漂亮的外观，这样才能使应用程序更加友善，更加吸引用户。作为一个跨平台的UI开发框架，Qt提供了强大而灵活的界面外观设计机制。

Qt样式表是一个可以自定义部件外观的十分强大的机制。Qt样式表的概念、术语和语法都受到了HTML的层叠样式表(Cascading StyleSheets，CSS)的启发，不过与CSS不同的是，Qt样式表应用于部件的世界。

环境：Windows Xp + Qt 4.8.5+QtCreator2.8.0

目录

一、简介

二、在设计模式使用Qt样式表

三、在代码中设置Qt样式表

四、样式表语法

正文

一、简介

要学习Qt样式表，需要对其有一个全面的了解，应该知道它到底有什么用，可以给哪些部件设置样式。为了了解这些内容，我们先在Qt帮助中查看Qt StyleSheets关键字，如下图所示。

这里将所有内容分为了几部分：The Style Sheet Syntax中介绍了Qt样式表的语法，就是一些使用规则；Qt Designer Integration中介绍了如何在设计器中使用Qt样式表；CustomizingQt Widgets Using Style Sheets中介绍了如何使用Qt样式表来定制部件样式；QtStyle Sheets Reference中罗列了Qt中所有可以使用样式表的部件；QtStyle Sheets Examples中列出了常用部件使用样式表的例子，这个是我们后面学习使用时的重要参考。

二、在设计模式使用Qt样式表

1．新建Qt Gui应用，项目名称为myStyle，其他保持默认即可。完成后打开mainwindow.ui进入设计模式，然后拖入一个Push Button按钮。

2．在按钮部件上右击，选择“改变样式表”菜单项，在弹出的编辑样式表对话框中点击“添加颜色”下拉框，然后选择background-color，我们为其添加背景颜色。如下图所示。