要求：

自由发挥登录窗口的应用场景，实现一个登录窗口界面。（不要使用课堂上的图片和代码，自己发挥，有利于后面项目的完成）

要求：

1. 需要使用Ui界面文件进行界面设计

2. ui界面上的组件相关设置，通过代码实现

3. 需要添加适当的动图

头文件：

#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>
#include <QIcon>
#include <QMovie>QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACEclass Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent = nullptr);~Widget();signals:void my_signal();public slots:void my_slots();private:Ui::Widget *ui;
};
#endif // WIDGET_H

源代码：

#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);this->setWindowFlag(Qt::FramelessWindowHint);//logos设置QMovie *mv = new QMovie(":/pic/kun.gif");ui->logo->setMovie(mv);mv->start();ui->logo->setScaledContents(true);//lab_idui->id_lab->setPixmap(QPixmap(":/pic/log.png"));ui->id_lab->setScaledContents(true);//lab_pswdui->passwd_lab->setPixmap(QPixmap(":/pic/wd2.png"));ui->passwd_lab->setScaledContents(true);//edit_idui->id_edit->setEchoMode(QLineEdit::Normal);ui->id_edit->setPlaceholderText("账户/邮箱/手机号");ui->id_edit->setStyleSheet("QLineEdit{border-width:0;border-style:outset}");//edit_pwdui->passwd_edit->setEchoMode(QLineEdit::Password);ui->passwd_edit->setPlaceholderText("密码");ui->passwd_edit->setStyleSheet("QLineEdit{border-width:0;border-style:outset}");}Widget::~Widget()
{delete ui;
}void Widget::my_slots()
{}

效果图：

思维导图：