Qt实现密码登录框
Qt实践1: 密码登录窗设计
引言
Qt网络资源很多,但是大部分学习资料讲述C++纯代码方式进行GUI设计,导致新手入门难。这里基于QtCreator开发平台,讲述UI设计模式下控件和界面布局设置,自动关联信号与槽函数,简单编写槽函数代码,以实现功能要求。该方法操作简捷,代码简洁,易于新手学习、掌握。
这里以密码登录窗的设计为例,阐述QtCreator的基本操作,包含创建工程项目(Widgets Application模板方式),UI设计模式下控件的运用和界面布局,信号与槽函数自动关联方法,槽函数的C++编程,双窗口切换显示等。
设计要求
在登录对话框中填入用户名和密码,按下登录按钮后,如果用户名和密码正确,就进入主窗口,否则弹出警告对话框。
设计过程
1.新建项目
打开 QtCreator,新建项目,先创建主窗口,进行以下操作:
选择“Qt Widgets Application”
填入项目名称“login”,路径,如“G:\myQt\login”
选择基类“QWidget”,类名填入“mainWindow”
勾选“创建界面”
再创建密码登录窗,进行以下操作:
右击项目名称login,选择“Add New…”;
选择“Qt设计师界面类”;
选择“Dialog without Buttons”;
类名填入“loginDialog”,其他默认。
完成后,项目文件树如下图所示:
2. 密码登录窗的界面设计与布局
双击logindialog.ui文件,进入登录窗的UI设计模式
拖入两个Label、两个Line Edit和两个Push Button控件;
分别双击两个Label,修改显示名称为:“用户名:” 和“密码:”;
分别选中两个Line Edit,修改其ObjectName为usrlineEdit和pwdlineEdit
分别选中两个Push Button,修改其ObjectName为loginBtn和exitBtn