当前位置:首页 >> 智能终端演进 >> 【QT】非常简单的登录界面实现,行尸走肉第四季15集

【QT】非常简单的登录界面实现,行尸走肉第四季15集

cpugpu芯片开发光刻机 智能终端演进 46
文件名:【QT】非常简单的登录界面实现,行尸走肉第四季15集 【QT】非常简单的登录界面实现

本系列是作者自学实践过程的记录 本文是关于登录界面设计 有问题欢迎讨论

效果图:

一、创建项目和主界面 创建Qt Widget Application

这里我们使用qmake而不是cmake

这是主界面,登录界面等后面再创建,这里要勾选上generate form,为我们生成ui文件

创建好就可以到第二步

二、创建login界面

这里只需要右击当前项目文件,添加新文件

这一步要选择Qt设计器界面类,因为这样会为我们生成.h、.cpp以及ui文件,非常方便

三、login界面设计

login界面很简单,只要加上两个文本条和两个按钮就可以。

效果如下图:

部件命名如下所示:

接着就可以设计槽函数,用于登录界面:

四、槽函数实现页面跳转

页面的显示和隐藏,只需要简单使用window.show() 和 window.hide()。

用户名和密码的验证也只需要做QString的字符串验证,源代码如下:

void login::on_pushButton_login_clicked(){QString name = ui->lineEdit_username->text();QString password = ui->lineEdit_password->text();if (name.compare("admin") == 0 && password.compare("123456") == 0 ){mainwindow = new MainWindow();mainwindow->show();this->hide();}elseif (name == ""){QMessageBox::information(this,"提示","请输入用户名!");ui->lineEdit_username->setFocus();}elseif(password == ""){QMessageBox::information(this,"提示","请输入密码!");ui->lineEdit_password->setFocus();}else{QMessageBox::warning(this,"错误提示","用户名或密码错误");ui->lineEdit_username->clear();ui->lineEdit_password->clear();ui->lineEdit_username->setFocus();}}void login::on_pushButton_etix_clicked(){close();}

最后,在main.cpp 中,先让login的界面显示即可

至此,就完成一个简单的登录界面的实现了。

如有问题,欢迎评论联系!

协助本站SEO优化一下,谢谢!
关键词不能为空
同类推荐
«    2026年1月    »
1234
567891011
12131415161718
19202122232425
262728293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接