三---界面美化

1、主窗口设定

1.1、主窗口的标题栏

发现，目前我们的窗口的外层是有边框和标题栏的，我们需要把它去掉。

因此，在主窗口的构造函数内部，我们需要将这些边框给去掉。

由于未来需要初始化的控件很多，我们将所有的控件初始化，全部放入一个函数initUI中，然后在构造函数内调用这个函数：

1、在music.h文件中添加定义：

 <music.h>

    void initUI();

2、然后点击initUI，按下 alt + enter

在music.cpp中定义：

找到setWindowFlag函数：

然后查看WindowType：其中有一个FramelessWindowHint类型如下，创建一个无边界的窗口

因此，在initUI.cpp中定义：

void Music::initUI()
{
    // ------------------------设置主界面窗口无边距---------------------------
    this->setWindowFlag(Qt::WindowType::FramelessWindowHint);
}

3、在构造函数内调用initUI：

Music::Music(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Music)
{
    ui->setupUi(this);

    initUI();
}

再次查看运行效果：

此时没有边框了。

1.2、主界面移动

此时发现出现了两个问题：

1、主界面无法关闭了（可以在屏幕下方的菜单栏关闭，然后后续实现关闭按钮功能）。

2、主界面无法用鼠标移动了。

对于界面移动这个问题，其实就是需要解决两个方面：

1、鼠标按下不放事件。

2、鼠标按下不放后，鼠标移动事件。

解决界面移动问题，我们从这两个函数入手：

1、鼠标按下不放事件：mousePressEvent(QMouseEvent* event) override;

无论何时，我们是可以获取到鼠标的绝对位置的。那么当鼠标按下时，记录好鼠标相对于主界面左上角的相对位置。

2、鼠标移动事件：mouseMoveEvent(QMouseEvent* event) override;

鼠标移动后，鼠标的绝对位置发生变化，但是鼠标按下的时候我们记录了鼠标相对于主界面左上角的相对位置，此时采用move，可以修改主窗口的左上角的绝对位置了。

首先：在music.h中添加对应事件函数（重写QWidget类的两个事件函数）：