一、使用Qt

自由发挥登录窗口的应用场景，实现一个登录窗口界面。

要求：

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

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

3. 需要添加适当的动图。

代码：

#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);//窗口本身设置this->resize(800,600);this->setFixedSize(800,600);this->setWindowTitle("q轻聊版");//窗口设置背景this->setStyleSheet("background-color:rgb(255,255,255)");//标签设置动图QMovie *mv = new QMovie(":/mypictrue/waterspout.gif");ui->mylabel->setMovie(mv);mv->start();ui->mylabel->setScaledContents(true);//设置账号密码图标ui->usrnamelab->setPixmap(QPixmap(":/mypictrue/usrname.jpg"));ui->usrnamelab->setScaledContents(true);ui->passwdlab->setPixmap(QPixmap(":/mypictrue/passwd.jpg"));ui->passwdlab->setScaledContents(true);//设置 账号密码占位提示词 密码设置为输入隐藏模式ui->usrnameEdit->setPlaceholderText("账号/邮箱/手机号");ui->passwdEdit->setEchoMode(QLineEdit::Password);ui->passwdEdit->setPlaceholderText("密码");//登录按钮设置ui->LgpushB->setStyleSheet("background-color:rgb(8,189,253);border-radius:10px;color:white");}Widget::~Widget()
{delete ui;
}

运行：

思维导图：