2024-3-21-Qtday2作业

要求：

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

要求：

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_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    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_id
    ui->id_lab->setPixmap(QPixmap(":/pic/log.png"));
    ui->id_lab->setScaledContents(true);
    //lab_pswd
    ui->passwd_lab->setPixmap(QPixmap(":/pic/wd2.png"));
    ui->passwd_lab->setScaledContents(true);

    //edit_id
    ui->id_edit->setEchoMode(QLineEdit::Normal);
    ui->id_edit->setPlaceholderText("账户/邮箱/手机号");
    ui->id_edit->setStyleSheet("QLineEdit{border-width:0;border-style:outset}");


    //edit_pwd
    ui->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()
{

}

效果图：

思维导图：