1.思维导图

2

将day1做的登录界面升级优化【资源文件的添加】

2> 在登录界面的登录取消按钮进行一下设置：

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

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

#include "mywidget.h"
#include "ui_mywidget.h"


MyWidget::MyWidget(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MyWidget)

{
    ui->setupUi(this);

    //创建登录窗口
    this->setWindowTitle("QQ音乐");//设置标题
    this->setWindowIcon(QIcon(":/pictrue/qqmusic.jpg"));//设置图标
    this->resize(640,840);//设置窗口大小
    this->setWindowFlag(Qt::FramelessWindowHint);
    this->setStyleSheet("background-color:white");//设置窗口背景

    //创建标签
//    QLabel *lab1 = new QLabel(this);
//    lab1->setPixmap(QPixmap("E:\\24051\\QT\\pictrue\\qqmusic2.jpg"));//设置图片
//    lab1->setScaledContents(true);//让图片自动适应lab
    ui->logo_lab->resize(640,350);//设置标签大小
    QMovie *mv1 = new QMovie(":/pictrue/QQmusic0.gif");
    ui->logo_lab->setMovie(mv1);
    mv1->start();
    ui->logo_lab->setScaledContents(true);


    //账号——创建标签

    ui->usr_lab->resize(30,30);//设置标签大小
    ui->usr_lab->move(200,450);//设置标签位置
    ui->usr_lab->setPixmap(QPixmap(":/pictrue/userName.jpg"));//设置图片
    ui->usr_lab->setScaledContents(true);//让图片自动适应lab

//    //账号——创建行编辑器
    ui->usr_lineEdit->resize(250,30);//设置大小
    ui->usr_lineEdit->setPlaceholderText("QQ号/手机号");//设置占位
    ui->usr_lineEdit->move(230,450);//设置位置

//    //密码——创建标签

    ui->paswd_lab->resize(30,30);//设置大小
    ui->paswd_lab->move(200,550);//设置位置
    ui->paswd_lab->setPixmap(QPixmap(":/pictrue/passwd.jpg"));//设置图片
    ui->paswd_lab->setScaledContents(true);//让图片自动适应lab

//    //密码——创建行编辑器
    ui->paswd_lineEdit->resize(250,30);//设置大小
    ui->paswd_lineEdit->setPlaceholderText("密码");//设置占位
    ui->paswd_lineEdit->move(230,550);//设置位置

    ui->login_btn->resize(280,40);//设置大小
    ui->login_btn->move(200,650);//设置位置
    ui->login_btn->setStyleSheet("background-color:rgb(0,153,255)");//设置按键颜色

    QPushButton *close_btn = new QPushButton("取消",this);
    close_btn->resize(ui->login_btn->width(),ui->login_btn->height());//设置大小
    close_btn->move(ui->login_btn->x(),ui->login_btn->y()+ui->login_btn->height()+50);//设置位置
    close_btn->setStyleSheet("background-color:rgb(0,153,255)");//设置按键颜色

    //手动连接系统的信号和自定义的槽函数，基于qt4版本，实现点击取消按钮，执行关闭窗口
    connect(close_btn,SIGNAL(clicked()),this,SLOT(close_slot()));

    //手动连接系统的信号和自定义的槽函数，基于qt5版本
    connect(ui->login_btn,&QPushButton::clicked,this,&MyWidget::login_slot);

}

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

void MyWidget::login_slot()
{

    if(ui->usr_lineEdit->text() == "admin" && ui->paswd_lineEdit->text() == "123456")
    {
        qDebug() << "登录成功";
        this->close();
    }
    else
    {
        qDebug() << "登录失败";
        ui->usr_lineEdit->clear();
        ui->paswd_lineEdit->clear();
    }
}
void MyWidget::close_slot()//槽函数的实现
{
    this->close();//执行关闭窗口的函数
}