1> 思维导图

2>

要求：

使用手动连接，将登录框中的取消按钮使用qt4版本的连接到自定义的槽函数中，在自定义的槽函数中调用关闭函数

将登录按钮使用qt5版本的连接到自定义的槽函数中，在槽函数中判断ui界面上输入的账号是否为"admin"，密码是否为"123456",如果账号密码匹配成功，则输出“登录成功”，并关闭该界面，如果匹配失败，则输出登录失败，并将密码框中的内容清空

源代码：

//widge.cpp

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    this->setWindowFlag(Qt::FramelessWindowHint);
    this->setAttribute(Qt::WA_TranslucentBackground);
    connect(ui->closeBtn, SIGNAL(clicked()),
            this, SLOT(close_slot()));

    connect(ui->logInBtn, &QPushButton::clicked,
            this, &Widget::log_in_slot);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::close_slot()
{
    this->close();
}

void Widget::log_in_slot()
{
    if( ui->usrEdit->text() == "admin" && ui->pwdEdit->text() == "123456")
    {
        qDebug() << " 登录成功 ";
        this->close();
    }
    else
    {
        qDebug() << " 登录失败 ";
        ui->pwdEdit->setText("");
    }

}

效果图：

3> 自己完成一个使用qss的登陆窗口界面

源代码：

//widget.cpp

#include "widget.h"
#include "ui_widget.h"
/*3> 自己完成一个使用qss的登陆窗口界面。*/

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->frame->resize(1080,608);
    this->setWindowFlag(Qt::FramelessWindowHint);
    this->setAttribute(Qt::WA_TranslucentBackground);
    QMovie *mv1 = new QMovie(":/GIF/left.gif");
    ui->leftLabel->setScaledContents(true);
    ui->leftLabel->setMovie(mv1);
    mv1->start();
    QMovie *mv2 = new QMovie(":/GIF/right.gif");
    ui->rightLabel->setScaledContents(true);
    ui->rightLabel->setMovie(mv2);
    mv2->start();



}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_closeBtn_clicked()
{
    this->close();
}

//qss代码
*{
	
	background-color: rgb(255, 255, 255);
}
QFrame#frame{
	background-color: rgb(10, 10, 10);
}

QLineEdit#idEdit{
	
	background-color: rgb(230, 230, 230);
}
#pwdEdit{
background-color: rgb(230, 230, 230);
}
QLineEdit:hover#idEdit{
	
	background-color: rgb(230, 255, 255);
}
#pwdEdit{
background-color: rgb(230, 255, 255);
}
QPushButton#logInBtn{
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(255, 92, 33, 255), stop:1 rgba(255, 153, 55, 255));
	border:none;
	font: 25 16pt "等线 Light";
	font: 16pt "黑体";
}

QPushButton:pressed#logInBtn{
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(255, 92, 33, 255), stop:1 rgba(255, 153, 55, 255));
	border:none;
	font: 25 16pt "等线 Light";
	font: 16pt "黑体";
	padding-top:10px;
	padding-left:10px;
}
QPushButton:hover#logInBtn{
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(255, 92, 33, 255), stop:1 rgba(255, 255, 100, 255));
	border:none;
	font: 25 16pt "等线 Light";
	font: 16pt "黑体";
}
#closeBtn{
	
	
	background-color: rgb(127, 127, 191);
	font: 26pt "黑体";
}
QLabel#idLabel{
	
	border-image: url(:/GIF/idlogo.png);
	background-color: rgb(230, 230, 230);
}
#pwdLabel{
	border-image: url(:/GIF/pwlogo.png);
	background-color: rgb(230, 230, 230);
}
#logoLabel{
	border-image:url(:/GIF/qqlogo.png);
}
#label{
	
	background-color: rgba(255, 255, 255, 0);
	border-image: url(:/GIF/logo.png);
}

效果：