好几天没更博客了，今天更新一下关于Qt页面搭建后的美化工作。众所周知，Qt这款软件GUI功能可谓是十分强大，以前只是简单的设计出来之后，草草了事，这几天把美化细节学习了一下，抽空记录下来，以便后期需要，便于翻阅。
依旧先上图：

环境配置

VS2017
QT4.9.0

关于环境配置我就不多说了，网上大佬很多，资料很全，主要是环境变量要配置正确，我是在VS2017配置的Qt，感觉挺方便，大家找一个自己熟悉的平台配置即可，直接用Qt也是很容易的。

以下的内容都是基于Qt Designer中的样式表进行的，大家可以发挥自己想象力和创造力

背景设计

背景设计这一部分是添加自己的图片和渐变色的设置。

背景渐变色

QT已经内置了部分渐变色的样本，操作步骤如下：
打开Qt designer界面，
右键->改变样式表->点击添加渐变▼按钮`->选择要改变的部分->选择渐变色->apply。

窗口背景黑白命令：

background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));

如下：

有很多的样式可以选择，也可以自己创造渐变色，自由发挥哦

背景图片

首先是要把文件添加进qrc中，步骤如下：
添加资源->选择资源界面下点击编辑资源（✏按钮）->添加一个前缀->添加你的图片文件即可。

接下来是使用，跟渐变色差不多
点击添加资源▼按钮->选择要改变的部分->选择图片->apply

按钮样式

按钮部分和背景图片基本是一致的，除了设置按钮的背景外，可以设置按钮的字体啦、字号啦、颜色啦等等等，具体命令如下：

color: rgb(85, 255, 127);
background-image: url(:/new_image/C:/Users/14587/Desktop/12.jpg);
font: 24pt "华文楷体";

Label添加图片

首先将label控件啦进去，打开属性编辑器->找到pixmap->选择要添加的图片->scaledContents选中即可