Qt实践1： 密码登录窗设计

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