QT 美化之透明的Widgets

 好多小伙伴们，熟悉qt后，想让自己的界面更加漂亮与“专业”，接下来的日子我也通过学习，带大家做些非常简单的美化界面吧。

 本例子都是基于qss 来改变样式，让自己写的软件更加漂亮，也同时学习更多，希望大家喜欢这个系列，让我们更加进步。

话不多说我们开始吧，第一个写个小透明的Widgets。

我们常常会看见下面的登录界面：

其中灰色的就是一个透明的Widgets，下面是实现的过程。

先看结果图吧：

我们看到中间的位置，一个小Widget，通过样式表 ，我们让它变的透明，然后我们可以在上面放些其他控件，让它更加美化。我们也经常看到一些登录的窗口采用了这个方式。

首先我们创建一个项目，QMainWindow (这里也可以选择其他)，为了美化，我们先把菜单，toolBar  ，状态栏，删除掉。别说你不会删除。

然后我加载一个图片资源，（别说你这个也不会）

加载后，我们点击布局界面，拖一个widget放到你的界面上，改名为loginForm

 点击对象，选择改变样式表：

 写入代码：

#centralWidget
{
    background:  rgba(32, 80, 96, 100);
	border-image: url(:/images/images/login_bg.png);
}

#loginForm
{
	background: rgba(0, 0, 0, 50);
	border-radius: 8px;
}

点击ok就好。然后界面就变好了。

在样式表中

#loginForm
{
	background: rgba(0, 0, 0, 50);
	border-radius: 8px;
}

rgba 中第4个参数就是修改对应亮度，也可以表示为对应的透明度。大家来试试吧。