使用QT制作一个简单的登录-注册界面

1、作业需求

 

2、实现过程

1）Widget.h文件

#ifndef WIDGET_H
#define WIDGET_H

#include 
#include 

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

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

private slots:
    void on_loginBtn_clicked();

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

2）Widget.cpp文件

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

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

    //设置窗口Icon
    this->setWindowIcon(QIcon("F:/Desktop/华清远见/icon/icon.png"));

    //设置窗口标题
    this->setWindowTitle("登录界面");

    //设置logo
    ui->logolab->setPixmap(QPixmap("F:/Desktop/华清远见/icon/logo.png"));

    //设置用户名和密码的icon
    ui->userNameLab->resize(40, 40);
    ui->userNameLab->setScaledContents(true);       //内容自适应
    ui->userNameLab->setPixmap(QPixmap("F:/Desktop/华清远见/icon/username.jpg"));

    ui->pwdLab->resize(40, 40);
    ui->pwdLab->setScaledContents(true);       //内容自适应
    ui->pwdLab->setPixmap(QPixmap("F:/Desktop/华清远见/icon/passwd.jpg"));

    //设置密码的行编辑器为密文模式
    ui->pwdEdit->setEchoMode(QLineEdit::Password);

    //设置两个按钮的icon
    ui->loginBtn->setIcon(QIcon("F:/Desktop/华清远见/icon/login.png"));
    ui->cancelBtn->setIcon(QIcon("F:/Desktop/华清远见/icon/cancel.png"));
}

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


//loginBtn中的clicked信号对应的槽函数
void Widget::on_loginBtn_clicked()
{
    QString name_txt = ui->usernameEdit->text();
    QString pwd_txt = ui->pwdEdit->text();
    //qDebug()<<"账 户："<pwdEdit->clear();
    }
}

3）main.cpp文件

#include "widget.h"

#include 

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

3、效果截图