QT编程_初学L10:创建等领域对话框

目标

实现一个简单登陆对话框功能,暂不使用数据库保存登陆账号和密码。
本博文为初学者详细介绍每一操作步骤,后续博文将不再赘述。

QT编程_初学L10:创建等领域对话框

编程步骤

创建QT Widgets Application项目

菜单选择:文件->新建文件或项目
对话框选择:Application -> Qt Widgets Application
QT编程_初学L10:创建等领域对话框
对话框设置:项目名称和项目文件路径
QT编程_初学L10:创建等领域对话框
对话框选择:编译工具
QT编程_初学L10:创建等领域对话框
设置主对话框的类信息,保持默认,也可根据自己需要修改:
QT编程_初学L10:创建等领域对话框
对话框选择需要翻译的语言:选择None,保持英文
QT编程_初学L10:创建等领域对话框
选择工具包:
QT编程_初学L10:创建等领域对话框

新建项目信息汇总:不添加到其他项目中,也不进行版本控制,点击完成按钮。
QT编程_初学L10:创建等领域对话框
新创建好的项目文件结构如下图:
QT编程_初学L10:创建等领域对话框

在主窗口UI里设计登陆界面

双击Forms->mainwindow.ui,进入ui设计界面:
QT编程_初学L10:创建等领域对话框

  1. 加入一个Group Box控件,逻辑上把相关的ui控件组织在一起。
  2. 添加两个Label控件,分别为Username和Password;与其对应天剑两个Line Edit控件用于用户输入。
  3. 同时选择(ctrl+点选)用于Username的Label控件和Line Edit控件,点击水平布局;同时选择用于Password的Label控件和Line Edit控件,点击水平布局;同时选择Username和Password这两组控件,点击垂直布局。
  4. 添加一个Push Button控件,并显示内容改为Login。
  5. 最右边窗口可以看到所用控件和对应的类信息,并修改Line Edit控件和Push Button控件的objectName为lineEdit_username,lineEdit_password,pushButton_Login,更有意义。
    QT编程_初学L10:创建等领域对话框
    编译运行效果:
    QT编程_初学L10:创建等领域对话框

pushButton_Login的Clicked信号对应的槽代码