第一种方式：使用设计模式创建界面。
第一步：新建Qt Widgets Application，项目名称为login，类名和基类保持MainWindow和QMainWindow不变。
第二步：完成项目创建后，右击项目图标，选择添加新文件，向项目中添加新的Qt设计师界面类，模板选择Dialog without Buttons，类名更改为LoginDialog。
第三步：在logindialog.ui中设计界面，
向界面上添加两个标签Label、两个行编辑器Line Edit和两个按钮Push Button，
设计界面如图：
第四步：.先选中用户名后面的行编辑器部件，然后界面右下角的属性编辑器中将其objectName属性更改为usrLineEdit，如下图所示。下面依次更改其他部件的objectName属性，密码后面的行编辑器为pwdLineEdit，登录按钮为loginBtn，退出按钮为exitBtn
第五步：下面使用另外一种信号和槽的关联方法来设置退出按钮。在设计模式下方的信号和槽编辑器（Signals & Slots Editor）中，先点击左上角的绿色加号添加关联，然后选择发送者为exitBtn，信号为clicked()，接收者为LoginDialog，槽为close()。如下图所示。这样，当单击退出按钮时，就会关闭登录对话框，如下图2- 3所示：
依次双击每栏，修改每个栏目的名称，修改后如下:
第六步：击登录按钮，在弹出的菜单中选择“转到槽…”，然后选择clicked()信号并确定。转到相应的槽以后（即跳到了logindialog.cpp文件中），添加void LoginDialog::on_loginBtn_clicked()函数中添加如下代码，并且添加头文件"QMessageBox":
// 判断用户名和密码是否正确，
// 如果错误则弹出警告对话框
if(ui->usrLineEdit->text().trimmed() == tr("yafeilinux")
&&ui->pwdLineEdit->text() == tr("123456"))
{
accept();
} else {
QMessageBox::warning(this, tr("警告！"),tr("用户名或密码错误！"),
QMessageBox::Yes);
// 清空内容并定位光标
ui->usrLineEdit->clear();
ui->pwdLineEdit->clear();
ui->usrLineEdit->setFocus();
}
然后再修改main.cpp文件的代码，修改后代码如下：
#include <QApplication>
#include "mainwindow.h"
#include "logindialog.h"
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MainWindow w;
LoginDialog dlg;
if (dlg.exec() == QDialog::Accepted)
{
w.show();
return a.exec();
}
else return 0;
}
第七步：我们再跳到logindialog.ui文件中，在右下角属性栏把密码行编辑器的echoMde更改为password,placeholderText属性更改为“请输入密码”，将用户名行编辑器的更改为“请输入用户名”
再次运行：
第二种方式：纯代码编写
第一步：新建Qt Widgets Application，项目名称为login1，在类信息页面保持类名和基类为MainWindow和QMainWindow不变，取消选择创建界面选项
第二步：创建登录对话框类。往项目中添加新文件，模板选择C++分类中的C++ Class，
第三步：在类定义页面，将类名设置为LoginDialog，基类选择Custom定制，然后手动设置为QDialog
第四步：向logindialog.h文件添加代码，代码如下：
#ifndef LOGINDIALOG_H
#define LOGINDIALOG_H
#include <QDialog>
class QLabel; //类的前置声明
class QLineEdit;
class QPushButton;
class LoginDialog : public QDialog
{
Q_OBJECT
public:
LoginDialog(QWidget *parent = 0);
~LoginDialog();
private:
QLabel * usrLabel;
QLabel * pwdLabel;
QLineEdit * usrLineEdit;
QLineEdit * pwdLineEdit;
QPushButton * loginBtn;
QPushButton * editBtn;
public slots:
void login();
};
#endif // LOGINDIALOG_H
然后再向logindialog.cpp中添加如下代码，这些代码的具体意思我在之前博客或者上面中介绍过，不在赘述。
#include "logindialog.h"
#include<QLabel>
#include<QPushButton>
#include<QLineEdit>
#include<QMessageBox>
LoginDialog::LoginDialog(QWidget *parent)
: QDialog(parent)
{
usrLabel = new QLabel(this);
usrLabel->move(70,80);
usrLabel->setText("用户名:");
usrLineEdit = new QLineEdit(this);
usrLineEdit->move(140,80);
usrLineEdit->setPlaceholderText("请输入用户名:");
pwdLabel = new QLabel(this);
pwdLabel->move(70,130);
pwdLabel->setText("密码:");
pwdLineEdit = new QLineEdit(this);
pwdLineEdit->move(140,130);
pwdLineEdit->setPlaceholderText("请输入密码:");
loginBtn = new QPushButton(this);
loginBtn->move(50,200);
loginBtn->setText("登录");
editBtn = new QPushButton(this);
editBtn->move(210,200);
editBtn->setText("退出");
connect(loginBtn,SIGNAL(clicked(bool)),this,SLOT(login()));
connect(editBtn,SIGNAL(clicked(bool)),this,SLOT(close()));
}
void LoginDialog::login()
{
if(usrLineEdit->text().trimmed()=="yonghuming"&&pwdLineEdit->text().trimmed()=="mima")
{
accept();
}
else
{
QMessageBox::warning(this,"警告!","用户名和密码错误!",QMessageBox::Yes);
//情况内容并定位光标
usrLineEdit->clear();
pwdLineEdit->clear();
usrLineEdit->setFocus();
}
}
LoginDialog::~LoginDialog()
{
}
再向main.cpp中添加如下代码：
#include "logindialog.h"
#include "mainwindow.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
MainWindow w;
LoginDialog dlg;
if(dlg.exec()==QDialog::Accepted)
{
w.show();
}
return a.exec();
}
运行结果如图：
