1> 思维导图
2> 将day1做的登录界面升级优化【资源文件的添加】
2> 在登录界面的登录取消按钮进行一下设置:
使用手动连接,将登录框中的取消按钮使用qt4版本的连接到自定义的槽函数中,在自定义的槽函数中调用关闭函数
将登录按钮使用qt5版本的连接到自定义的槽函数中,在槽函数中判断ui界面上输入的账号是否为"admin",密码是否为"123456",如果账号密码匹配成功,则输出“登录成功”,并关闭该界面,如果匹配失败,则输出登录失败,并将密码框中的内容清空
//头文件
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QPushButton>
#include <QString>
#include <QDebug>
#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_signals(); //信号函数只要声明,不要实现
private: //表示该权限下的函数 都是槽函数
void my_slot1(); //槽函数既要声明又要实现
void my_slot2();
private:
Ui::Widget *ui;
};
#endif // WIDGET_H
//源文件
#include "widget.h"
#include "ui_widget.h"
Widget::Widget(QWidget *parent)
: QWidget(parent)
, ui(new Ui::Widget)
{
this->resize(489,370);
//去掉头部
this->setWindowFlag(Qt::FramelessWindowHint);
ui->setupUi(this);
QMovie *mv = new QMovie(":/pictrue/QQ1.gif");
ui->logolabel->setMovie(mv);
//让动图动起来
mv->start();
//自动适应
ui->logolabel->setScaledContents(true);
ui->logolabel->setScaledContents(true);
ui->User->setPixmap(QPixmap(":/pictrue/userName.jpg"));
ui->User->setScaledContents(true);
ui->Password->setPixmap(QPixmap(":/pictrue/passwd.jpg"));
ui->Password->setScaledContents(true);
ui->PasswordLine->setEchoMode(QLineEdit::Password);
//点击取消按钮 则退出窗口
connect(ui->ExitButton,SIGNAL(clicked()),this,SLOT(close()));
connect(ui->LogButton,&QPushButton::clicked,this,&Widget::my_slot2);
}
Widget::~Widget()
{
delete ui;
}
void Widget::my_slot1()
{
this->close();
}
void Widget::my_slot2()
{
QString user = ui->UserEdit->text();
QString pwd = ui->PasswordLine->text();
if(user == "admin" & pwd == "123456")
{
qDebug() << "登录成功";
close();
}else
{
qDebug() << "登录失败";
ui->PasswordLine->clear();
}
}
运行结果