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)。
相关推荐
(・Д・)ノ29 分钟前
python打卡day42
开发语言·python
幸运黒锦鲤32 分钟前
Qt creator 设计页面控件认识与了解
开发语言·qt
还是鼠鼠33 分钟前
Maven---配置本地仓库
java·开发语言·后端·maven
前端小巷子1 小时前
JS浮点数精度问题
开发语言·前端·javascript·面试
汤姆yu1 小时前
基于python大数据的音乐可视化与推荐系统
大数据·开发语言·python
源力祁老师2 小时前
Odoo 中SCSS的使用指南
开发语言·前端·学习方法
熬夜苦读学习2 小时前
日志与策略模式
linux·运维·开发语言·后端·策略模式
棠十一3 小时前
nacos Sentinel zipkin docker运行
java·开发语言·eureka
路由侠内网穿透3 小时前
本地部署消息代理软件 RabbitMQ 并实现外部访问( Windows 版本 )
服务器·开发语言·windows·数据分析·rabbitmq·ruby
风风吹不到4 小时前
JavaScript入门基础篇-day04
开发语言·前端·javascript