二---主界面布局设计

1、主窗口的布局

1.1、主窗口大小

将主窗口的大小设置一下：(1040, 700)：

1.2、设置主窗口的背景

拖拽一个Widget控件，并命名为backgroud，然后选中Music对象，点击垂直布局，让backgroud充满整个窗口。

并将background右键，选择改变样式表，修改背景颜色。

此时颜色就有差异了：

也可以采用三原色16进制来修改：

也可以直接点击添加颜色，选择background进行修改。

1.3、整个界面分为head和body两个大部分

再拖拽两个Widget进来，分别命名，并修改背景颜色。

要让head和body分别在最上面和最下面，此时可以点击background选择垂直布局：

但是发现，这样布局出来，两个widget中间有缝。

外面的缝，叫做margin：外边距。两个Widget之间的缝，叫做space。

这是一个样式里面的盒子模型：

每一个Widget都可以看作一个Box。而我们的background