Qt 实现仿QQ登录界面的完善

时间:2023-04-07 12:51:00

要求

完善登录界面
点击登录按钮后,判断账号和密码是否一致,如果匹配失败,则弹出错误对话框,文本内容“账号密码不匹配,是否重新登录”,给定两个按钮ok和cancel,点击ok后,会清除密码框中的内容,继续进行登录;如果点击cancel按钮,则关闭界面。
如果账号和密码匹配,则弹出信息对话框,给出提示信息为“登录成功”,给出一个按钮ok,点击ok后,关闭整个登录界面,跳转到其他界面
点击取消按钮后,弹出问题对话框,询问是否确定要退出登录,给出两个按钮,yes|no,点击yes,则直接关闭整个登录界面,如果点击no则进行进行登录
要求:对象版和静态成员函数版至少各实现一个

头文件

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

#include <QIcon>
#include <QDebug>
#include <QLabel>
#include <QLineEdit>

#include <QPushButton>

#include <QApplication>      //包含应用程序的头文件
#include<iostream>
using namespace std;

#include <QMessageBox>    //消息对话框的头文件

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

signals:
    //声明信号函数的权限
    void mysignal();    //此时定义了一个无参无返的信号函数

    void mysignal_1(QString e);      //自定义一个属于自己的信号函数

public slots:
    //槽函数声明的权限
    void myslot();    //自定义了一个无参无返的槽函数

    void myslot_2();        //取消登录按钮使用的槽函数


public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

private:
    Ui::Widget *ui;
};
#endif // WIDGET_H

form.h

#ifndef FORM_H
#define FORM_H

#include <QWidget>

namespace Ui {
class Form;
}

class Form : public QWidget
{
    Q_OBJECT

public slots:
    void myslot_1(QString e);    //自定义槽函数的声明

public:
    explicit Form(QWidget *parent = nullptr);
    ~Form();

private:
    Ui::Form *ui;
};

#endif // FORM_H

源文件

widget.cpp

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //设置固定尺寸
    this->setFixedSize(420,300);

    //设置窗口标题
    this->setWindowTitle("LQS");

    //设置窗口图标
    this->setWindowIcon(QIcon("E:\\Learning\\Qt_work\\qt_01\\TIM.png"));

    //定义一个标签,实例化对象,调用无参构造【背景图片】
    QLabel *lab0 = new QLabel;
    lab0->setParent(this);    //设置父组件
    lab0->resize(420, 100);

//    qDebug()<<lab0->text();     //获取组件的文本信息
    lab0->setPixmap(QPixmap("E:\\Learning\\Qt_work\\qt_01\\panda.png"));    //设置填充内容为图片
    lab0->setScaledContents(true);           //设置填充格式,组件内容自适应

    //定义一个标签,实例化对象,调用无参构造【用户名】
    QLabel *lab1 = new QLabel;
    lab1->setParent(this);    //设置父组件
    lab1->move(100,120);
    lab1->resize(20, 20);
    lab1->setText("用户名:");
//    qDebug()<<lab1->text();     //获取组件的文本信息
    lab1->setPixmap(QPixmap(":/icon/userName.jpg"));    //设置填充内容为图片
    lab1->setScaledContents(true);           //设置填充格式,组件内容自适应
    //定义一个行编辑器,实例化对象时,使用无参构造
//    QLineEdit *edt1 = new QLineEdit;
//    edt1->setParent(this);         //设置父组件
//    edt1->move(130,120);             //移动
//    edt1->resize(100,20);               //重新设置大小

    //定义一个标签,实例化对象,给定文本内容和父组件【密码】
    QLabel *lab2 = new QLabel("密码:", this);
    lab2->move(100,150);
    lab2->resize(20, 20);
//    qDebug()<<lab2->text();     //获取组件的文本信息
    lab2->setPixmap(QPixmap(":/icon/passwd.jpg"));    //设置填充内容为图片
    lab2->setScaledContents(true);//定义一个行编辑器,实例化对象时,使用有参构造
//    QLineEdit *edt2 = new QLineEdit(this);
//    edt2->move(130,150);
//    edt2->resize(100,20);               //重新设置大小
//    edt2->setEchoMode(QLineEdit::Password);           //设置回显模式

//    //登录和取消按钮
//    //定义一个按钮,实例化对象时,顺便指定组件以及文本内容和图标
//    QPushButton *btn1 = new QPushButton("登录", this);
//    btn1->move(120,200);   //移动组件位置
//    btn1->resize(50, 30);     //重新设置按钮的尺寸
//    btn1->setIcon(QIcon("E:\\Learning\\Qt_work\\qt_01\\QQ.png"));     //设置图标
    btn1->setStyleSheet("background-color:red");    //设置按钮颜色

//    QPushButton *btn2 = new QPushButton("取消", this);
//    btn2->move(180,200);   //移动组件位置
//    btn2->resize(btn1->size());     //使用btn1的尺寸,给btn3成功新设置尺寸
//    btn2->setIcon(QIcon("E:\\Learning\\Qt_work\\qt_01\\QQ.png"));     //设置图标

    connect(ui->btn1, &QPushButton::clicked, this, &Widget::myslot);   //按键登录
//    connect(ui->btn2, SIGNAL(clicked(bool)), this, SLOT(close()));     //按键退出
    connect(ui->btn2, &QPushButton::clicked, this, &Widget::myslot_2);     //取消登录按钮的完善

    //读取用户名和密码出的文本信息【跟踪打印信息】
//    qDebug()<<edt1->text();     //获取组件的文本信息
//    qDebug()<<edt2->text();     //获取组件的文本信息

    //将自定义的信号函数,与自定义槽函数进行连接
    connect(this, &Widget::mysignal_1, [](QString e){
        qDebug()<<e;    //将获取的内容输出到终端
    });

}

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

void Widget::myslot()
{
    if((ui->lab1->text() == "admin") && (ui->lab2->text() == "123456"))
    {
//        cout<<"good"<<endl;

        int ret = QMessageBox::information(this,"信息","登录成功\n""点击继续", QMessageBox::Ok);      //静态函数版实现

        //对结果进行判断
        if(ret == QMessageBox::Ok)
        {
            //关闭自身界面
            this->close();
            //跳转到其他界面
            emit mysignal_1("Hello hello hello");     //发送自定义信号
        }
    }
    else
    {
        int ret = QMessageBox::critical(this,"错误","账户密码不匹配\n""请重新登录", QMessageBox::Ok | QMessageBox::Cancel);

        //对结果进行判断
        if(ret == QMessageBox::Ok)
        {
            ui->lab2->clear();  //清楚密码框中的内容
        }
        else if(ret == QMessageBox::Cancel)
        {
            this->close();      //关闭自身界面,退出登录程序
        }
    }
}


void Widget::myslot_2()
{
    //实例化对象,并调用构造函数
    QMessageBox box(QMessageBox::Question,      //问题对话框
                    "问题框",                        //标题
                    "是否要退出登录",            //文本内容
                    QMessageBox::Yes | QMessageBox::No,
                    this);          //父组件

    //调用exec进入运行态,功能:使对话框进入运行态,无参数,返回值为整型,对话框中点击的按钮值
    int ret = box.exec();

    //对用户点击的结果进行的响应
    if(ret == QMessageBox::Yes)
    {
        this->close();
    }
    else if(ret == QMessageBox::No)
    {
        ui->lab1->clear();
        ui->lab2->clear();
    }
}

form.cpp

#include "form.h"
#include "ui_form.h"

Form::Form(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Form)
{
    ui->setupUi(this);
}

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


void Form::myslot_1(QString e)
{
    this->show();       //显示Form界面
}

主函数 main.cpp

#include "widget.h"
#include "form.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();

    Form f;

    //将w界面的自定义信号函数和f界面的槽函数进行连接
    QObject::connect(&w, &Widget::mysignal_1, &f, &Form::myslot_1);

    return a.exec();
}

结果展示

Qt 实现仿QQ登录界面的完善
Qt 实现仿QQ登录界面的完善
Qt 实现仿QQ登录界面的完善
Qt 实现仿QQ登录界面的完善