4. Qt对话框(2)

在上节中已经学习了对话框的确认和取消,本节内容继续接上节完成登录对话框实例并得到登录信息。

本文部分ppt、视频截图原链接:萌马工作室的个人空间-萌马工作室个人主页-哔哩哔哩视频

1 实现登录对话框

1.1 功能需要

  1. 得到登录信息,需要完成窗口与窗口间的消息传递。消息传递方式有主要有如下三种方式,本节主要使用方法1:

1、调用函数获取

2、信号与槽传递参数

3、消息发送,sendEvent

  1. 登录对话框一般不需要有标题栏,可以通过如下方式取消对话框的标题栏:
  1. 改变对话框背景颜色
  1. 密码密文显示

1.2 具体实现

步骤1 :同样在上节HelloWorld工程中,已经创建了logindialog对话框,在logindialog.ui中加上如下"用户名"和"登录密码"项。其中文字部分用Display Widgets - Label 控件,输入框用Input Widgets - Line Edit 控件,注意手动对齐或者使用布局对齐。界面如下:


++注:为了便于理解和编写代码,可以在创建控件时,将需要操作的控件改名,这里我将用户名输入控件命名为userName,密码改名为passWord。++

步骤2 :取消窗口的标题栏,使用 Qt::FramelessWindowHint参数 ,即在logindialog.cpp中,加上该参数,使窗口类型为无边框窗口。代码和结果见运行结果图。

运行结果如下,可以看到登录对话框没有边框。

步骤3 :由于登录对话框背景颜色和主窗口背景颜色一样,因此可以通过改变背景颜色,使得结果更加明显。在logindialog.cpp中设置窗口的颜色参数。代码和结果见运行结果图。

运行结果如下,logindialog窗口的背景颜色改变为指定颜色。

步骤4 :一般需要将密码密文显示,以保护用户账户安全性。可以在logindialog.ui文件中,选中密码输入控件,然后修改其echoMode属性值为password实现。

运行结果如下:

步骤5 :当用户输入登录信息后,需要获取登录信息,并进行判断是否输入正确,如果正确,则登录成功,错误,则提示登录失败。

  • 首先在logindialog.h中声明获取登录信息的函数void getLoginMessage(QString &passwd); 并在logindialog.cpp文件中添加相关定义。
  • 在mainwindow.cpp中写登录窗口"确定"和"取消"按钮点击后的功能。
  • 断点调试,看是否正确读取到用户登录信息。如下图所示,调试结果表明正确获取了用户登录信息(用户名:admin;密码:123456)。
相关推荐
段一凡-华北理工大学1 小时前
向量数据库实战:选型、调优与落地~系列文章12:文本分块策略实战:chunk_size 怎么选?重叠多少?
开发语言·数据库·后端·oracle·rust·工业智能体·高炉智能化
Ljwuhe1 小时前
C++——多态
开发语言·c++
心平气和量大福大2 小时前
C#-WPF-Window主窗体
开发语言·c#·wpf
从零开始的代码生活_3 小时前
C++ 继承详解:访问控制、对象模型、菱形继承与设计取舍
开发语言·c++·后端·学习·算法
云小逸3 小时前
【C++ 第七阶段:模板、泛型编程与工程综合详解】
开发语言·c++
Quz4 小时前
QML 信号与槽:直接绑定与跨文件通信
qt·编程语言·设计
GIS阵地4 小时前
QgsSingleBandPseudoColorRenderer 完整详解(QGIS 3.40.13 C++)
开发语言·前端·c++·qt·qgis
yaoxin5211235 小时前
470. Java 反射 - Member 接口与 AccessFlag
java·开发语言·python
groundhappy5 小时前
idalib安装和codex ida-mcp配置
linux·开发语言·python
小钻风33666 小时前
Spring Boot 文件上传详解:深入理解 MultipartFile 的使用与原理
java·开发语言