找回密码
 立即注册
收起左侧

第3篇 基础(三)Qt登录对话框

142
回复
148790
查看
  [复制链接]
累计签到:1564 天
连续签到:1 天
来源: 2013-3-25 19:29:09 显示全部楼层 |阅读模式
Qt登录对话框

版权声明

该文章原创于Qter开源社区(www.qter.org),作者yafeilinux,转载请注明出处!


导语
       在前一篇的内容中已经实现了登录对话框,这里我们对其进行改进。在弹出对话框中填写用户名和密码,按下登录按钮,如果用户名和密码均正确则进入主窗口,如果有错则弹出警告对话框。

环境是:Windows 7 + Qt 4.8.1+ Qt Creator 2.4.1


目录
一、创建项目
二、登录设置


正文

一、创建项目

1.新建Qt Gui应用,项目名称为“login”,类名和基类保持MainWindowQMainWindow不变。

2.完成项目创建后,向项目中添加新的Qt设计师界面类,模板选择Dialog without Buttons,类名更改为LoginDialog。完成后向界面上添加两个标签Label、两个行编辑器Line Edit和两个按钮Push Button,设计界面如下图所示。

3.这里在属性编辑器中将用户名后面的行编辑器的object Name属性更改为usrLineEdit,密码后面的行编辑器为pwdLineEdit,登录按钮为loginBtn,退出按钮为exitBtn。如下图所示。

4.下面我们使用另外一种信号和槽的关联方法来设置退出按钮。在设计模式下面的信号和槽编辑器中,先点击左上角的绿色加号添加关联,然后选择发送者为exitBtn,信号为clicked(),接收者为LoginDialog,槽为close()。如下图所示。这样,当单击退出按钮时,就会关闭登录对话框。

5.右击登录按钮,在弹出的菜单中选择“转到槽”,然后选择clicked()信号并确定。转到相应的槽以后,添加函数调用:
void LoginDialog::on_loginBtn_clicked()
{
    accept();
}

6.下面到main.cpp文件,更改内容如下:
#include <QtGui/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;        
}
7.这时运行程序,按下退出按钮会退出程序,按下登录按钮会关闭登录对话框,并显示主窗口。

二、登录设置

1.下面添加代码来实现使用用户名和密码登录,这里我们只是简单的将用户名和密码设置为了固定的字符串。到logindialog.cpp文件中将登录按钮的单击信号对应的槽的代码更改为:
void LoginDialog::on_loginBtn_clicked()
{
// 判断用户名和密码是否正确,
// 如果错误则弹出警告对话框
    if(ui->usrLineEdit->text() == tr("yafeilinux") &&
           ui->pwdLineEdit->text() == tr("123456"))
    {
       accept();
    } else {
       QMessageBox::warning(this, tr("Waring"),
                             tr("user name or password error!"),
                             QMessageBox::Yes);
    }
}
Qt中的QMessageBox类提供了多种常用的对话框类型,比如这里的警告对话框,还有提示对话框,问题对话框等。这里使用了静态函数来设置了一个警告对话框,这种方式很方便。其中的参数依次是:this表明父窗口是登录对话框;然后是窗口标题;然后是显示的内容;最后一个参数是显示的按钮,这里使用了一个Yes按钮。大家注意还要添加该类的头文件包含,即:#include <QMessageBox>

2.下面运行程序,如果输入用户名为“yafeilinux”,密码为“123456,那么可以登录,如果输入其他的字符,则会弹出警告对话框,如下图所示。

3.对于输入的密码,我们常见的是显示成小黑点的样式。下面点击logindialog.ui文件进入设计模式,然后选中界面上的密码行编辑器,在属性编辑器中将echoMode属性选择为Password。这时再次运行程序,可以看到密码显示已经改变了。如下图所示。

       当然,除了在属性编辑器中进行更改,也可以在loginDialog类的构造函数中使用setEchoMode(QLineEdit::Password)函数来设置。

4.在行编辑器的属性栏中还可以设置占位符,就是没有输入信息前的一些提示语句。例如将密码行编辑器的placeholderText属性更改为“请输入密码”,将用户名行编辑器的更改为“请输入用户名”,运行效果如下图所示。

5.对于行编辑器,还有一个问题就是,比如我们输入用户名,在前面添加了一个空格,这样也可以保证输入是正确的,这个可以使用QString类的trimmed()函数来实现,它可以去除字符串前后的空白字符。下面将logindialog.cpp文件中登录按钮单击信号槽函数中的判断代码更改为:
if(ui->usrLineEdit->text().trimmed() == tr("yafeilinux")
            && ui->pwdLineEdit->text() == tr("123456"))
这时运行程序,已经实现相应的功能了。

6.最后,当登录失败后,我们希望可以清空用户名和密码信息,并将光标定位到用户名输入框中。这个可以通过在判断用户名和密码错误后添加相应的代码来实现:
void LoginDialog::on_loginBtn_clicked()
{
    // 判断用户名和密码是否正确,如果错误则弹出警告对话框
    if(ui->usrLineEdit->text().trimmed() == tr("yafeilinux")
           && ui->pwdLineEdit->text() == tr("123456"))
    {
       accept();
    } else {
       QMessageBox::warning(this, tr("Waring"),
                             tr("user name or password error!"),
                             QMessageBox::Yes);
       // 清空内容并定位光标
       ui->usrLineEdit->clear();
       ui->pwdLineEdit->clear();
       ui->usrLineEdit->setFocus();
    }
}
       下面运行程序,大家可以测试一下效果。

7.这里再补充一个技巧,也就是Qt Creator的代码补全功能。Qt Creator有很强大的代码补全功能,比如输入一个关键字时,只要输入前几个字母,就会弹出相关的关键字的选择列表;输入完一个对象,然后输入点以后,就会弹出该对象所有可用的变量和函数。这里要说的是,当输入一个比较长得函数或变量名时,可以通过其中的几个字母来定位。比如说,要输入前面讲到的setFocus()函数,那么只需输入首字母s和后面的大写字母F即可,这样可以大大缩减提示列表,如果还没有定位到,那么可以输入F后面的字母。如下图所示。

我们还可以使用ctrl + 空格键来强制代码补全,不过这个一般会和我们的输入法的快捷键冲突,大家可以更改输入法的快捷键,也可以在Qt Creator中的工具→选项→环境→键盘中来设置快捷键。

结语
       这一节又讲解了一种信号和槽的关联方法,还讲解了一些部件的属性设置等内容。在Qt Creator快速入门》一书中还讲解了大量常用的部件的使用说明,大家可以参考一下。



涉及到的源码下载:



上一篇:第2篇 编写Qt多窗口程序

下一篇:第4篇 添加菜单图标——使用Qt资源文件

返回:系列教程目录  




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
参与人数 14人气 +24 收起 理由
ellen + 2 很详细!
seprana + 2 很详细!
handsome999 + 2 必须支持!
123456aa + 1 对我帮助很大!
buling + 2 对我帮助很大!
hhy + 2 对我帮助很大!
bluewen + 2 很详细!
阿杜 + 2 很详细!
一丝不苟的珊珊 + 1 很详细!
沈公子 + 2
zxj721 + 2 对我帮助很大!
一代菜鸟 + 2 对我帮助很大!
千雨 + 1 很详细!
happyone + 1 很实用!

查看全部评分总评分 : 人气 +24

回复

使用道具 举报

累计签到:1564 天
连续签到:1 天
2019-9-10 21:29:08 显示全部楼层
ellen 发表于 2019-9-10 09:44
请问 “除了在属性编辑器中进行更改,也可以在loginDialog类的构造函数中使用setEchoMode(QLineEdit:assw ...

loginDialog类的构造函数中
回复 支持 反对

使用道具 举报

累计签到:17 天
连续签到:1 天
2019-9-10 09:44:57 显示全部楼层
请问 “除了在属性编辑器中进行更改,也可以在loginDialog类的构造函数中使用setEchoMode(QLineEdit:assword)函数来设置。”这一步应该加在哪个位置啊?

点评

loginDialog类的构造函数中  详情 回复 发表于 2019-9-10 21:29
回复 支持 反对

使用道具 举报

累计签到:7 天
连续签到:1 天
2017-11-16 22:28:09 显示全部楼层
嗯,已经搞定了,少写了一行,
回复 支持 反对

使用道具 举报

累计签到:1564 天
连续签到:1 天
2017-11-14 22:44:49 显示全部楼层
爱白 发表于 2017-11-10 22:15
为什么我的用户名和密码输入正确也是报输入错误呢

代码有问题吧?
回复 支持 反对

使用道具 举报

累计签到:7 天
连续签到:1 天
2017-11-10 22:15:14 显示全部楼层
为什么我的用户名和密码输入正确也是报输入错误呢
回复 支持 反对

使用道具 举报

累计签到:2 天
连续签到:1 天
2017-9-23 15:07:03 显示全部楼层
很好!
看着这个自己也要开始好好学习啦
回复 支持 反对

使用道具 举报

累计签到:1 天
连续签到:1 天
2017-6-29 10:16:28 显示全部楼层
yafeilinux 发表于 2017-6-28 17:01
先看数据库部分,学会从表里面读取密码数据。

谢谢老师,用数据库部分的 sql语句已经编出来了。
回复 支持 反对

使用道具 举报

累计签到:1564 天
连续签到:1 天
2017-6-28 17:01:10 显示全部楼层
哔哔哔丶 发表于 2017-6-24 22:23
yafei老师,把后面的知识也看了一遍了,但是还是不会写那个 “判断用户名是不是在数据库”和“用户名和密码 ...

先看数据库部分,学会从表里面读取密码数据。
回复 支持 反对

使用道具 举报

累计签到:1 天
连续签到:1 天
2017-6-24 22:23:29 显示全部楼层
yafei老师,把后面的知识也看了一遍了,但是还是不会写那个 “判断用户名是不是在数据库”和“用户名和密码是否对应的”代码,应该是一个查询 表某一列的属性,遍历一列,找到后在找这一行所对应的 password属性内容再判断是否一致,可是不会代码实现啊。。有什么函数可以用啊。
回复 支持 反对

使用道具 举报

累计签到:1564 天
连续签到:1 天
2016-12-24 16:50:03 显示全部楼层
Peter 发表于 2016-12-20 22:20
找不到信号与槽设置的地方啊?

点击Signals&Slots Editor,然后点击添加。
回复 支持 反对

使用道具 举报

累计签到:5 天
连续签到:1 天
2016-12-20 22:20:09 显示全部楼层
找不到信号与槽设置的地方啊?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 支持 反对

使用道具 举报

累计签到:2 天
连续签到:1 天
2016-12-5 17:01:35 显示全部楼层
非常好啊,学习~~~~~~~~~~~~~~~~~~~~~~~~
回复 支持 反对

使用道具 举报

累计签到:2 天
连续签到:1 天
2016-11-21 21:55:21 显示全部楼层
好家伙,啦啦
回复 支持 反对

使用道具 举报

累计签到:2 天
连续签到:1 天
2016-10-27 20:43:27 显示全部楼层
很强很给力!!!
回复 支持 反对

使用道具 举报

累计签到:2046 天
连续签到:18 天
2016-10-25 16:53:56 显示全部楼层
稍微懂点了,再次感谢老师辛苦做的教程。发现个小功能,可以用.代替->,它自动转变为->。对于习惯Java的我这种,太方便了。
回复 支持 反对

使用道具 举报

累计签到:7 天
连续签到:1 天
2016-10-8 00:01:30 显示全部楼层
    if(ui->usrLineEdit->text()== tr("haha") && ui->pwdLineEdit->text() ==tr( "naive"))
    {
       accept();
    }
我的这个if条件怎么没有用啊,无法识别正确的密码,
在main。cpp加了 QTextCodec::setCodecForTr(QTextCodec::codecForLocale());也没用
回复 支持 反对

使用道具 举报

累计签到:3 天
连续签到:1 天
2016-10-7 16:54:39 显示全部楼层
suoma 发表于 2016-9-29 19:02
show显示对话框,setfocus()设置焦点

这个我是知道的,想了解的是这两种方法调用一个新的dialog的区别,这么说也不是很合适,区别已经试验出来了,想了解原因,举个例子在MainDialog界面点击按钮弹出一个Dialog这时使用的语句是show(),在这个Dialog界面点击按钮弹出另一个新的Dialog,使用的语句是setfocus(),move(0,0)这时几个界面都是没有问题的,按ESC键会逐层返回上一级界面,但不这样的话会出现一些小问题
回复 支持 反对

使用道具 举报

累计签到:161 天
连续签到:1 天
2016-9-29 19:02:40 显示全部楼层
studyqt 发表于 2016-9-27 14:47
大神,弹出新的dialog是,show()和setFocus()的区别是什么,之前练习的时候,是在弹出的界面基础之上,再弹 ...

show显示对话框,setfocus()设置焦点
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

公告
可以关注我们的微信公众号yafeilinux_friends获取最新动态,或者加入QQ会员群进行交流:190741849、186601429(已满) 我知道了