1 新建项目

qt窗口程序入门(小白入门之登录界面实现)(1)

2 项目类信息

qt窗口程序入门(小白入门之登录界面实现)(2)

3 新建一个UI模板

qt窗口程序入门(小白入门之登录界面实现)(3)

4 选择界面模板

qt窗口程序入门(小白入门之登录界面实现)(4)

5 选择类名

qt窗口程序入门(小白入门之登录界面实现)(5)

6 添加控件

qt窗口程序入门(小白入门之登录界面实现)(6)

7 为login按钮添加消息响应clicked

(右击按钮→转到槽→选择clicked())

//lgoginDlg.h的lgoginDlg类声明自动添加: private slots: void on_loginBtn_clicked();

槽函数定义:

//lgogindlg.cpp void lgoginDlg::on_loginBtn_clicked() { if(ui->usr->text()==tr("qt").trimmed() && ui->pwd->text() ==tr("123")) accept(); else { QMessageBox::warning(this,tr("Warning"),tr("user name or password error!"),QMessageBox::Yes); ui->usr->clear(); ui->pwd->clear(); ui->usr->setFocus(); } }

8 在main.cpp添加部分代码

//main.cpp #include "widget.h" #include <QApplication> #include "lgoginDlg.h" int main(int argc, char *argv[]) { QApplication a(argc, argv); Widget w; lgoginDlg login; if(login.exec()==QDialog::Accepted) { w.show(); return a.exec(); } else return 0; }

9 在lgoginDlg类构造函数中初始化密码框

//lgogindlg.cpp lgoginDlg::lgoginDlg(QWidget *parent) : QDialog(parent), ui(new Ui::lgoginDlg) { ui->setupUi(this); ui->pwd->setEchoMode(QLineEdit::Password); }

10 登录

qt窗口程序入门(小白入门之登录界面实现)(7)

登录成功后即从登录窗口跳到主窗口:

qt窗口程序入门(小白入门之登录界面实现)(8)

-End-

,