首页 > 电脑专区 > 电脑教程 >

Qt 5 编程小案例 - 登录界面开发

来源:互联网 2023-02-21 17:57:58 版权归原作者所有,如有侵权,请联系我们

QtCreator 是一款跨平台的集成开发环境,特别针对Qt开发者,是QtSDK组成的一部分,可运行于Windows,Linux/X11及Mac OS X等桌面操作系统,允许开发者为多桌面环境及移动设备平台创建应用程序。它包括一个可视化调试工具和集成的GUI版面和外形设计师。gdk办公区 - 实用经验教程分享!

本次使用的是Qt 5.8的版本,为避免因版本差异造成的影响,请尽量使用Qt 5以上的版本。gdk办公区 - 实用经验教程分享!

本经验默认你已经安装好了Qt 5.8,并具备一定的C 程序基础。gdk办公区 - 实用经验教程分享!

本经验使用的系统是LinuxMint 18.1。gdk办公区 - 实用经验教程分享!

最终效果如下图。gdk办公区 - 实用经验教程分享!

Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

工具/原料

  • Qt Creator 5.8

方法/步骤

  • 1

    打开Qt->新建文件或项目->Application->Qt Widgets Applicationgdk办公区 - 实用经验教程分享!

    其余默认,选择Choosegdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 2

    项目名称自拟,编译器采用默认的编译器。gdk办公区 - 实用经验教程分享!

    注意:Linux系统和我的编译器应该是一样的,Windows系统默认应该是MinGW编译器,若非必要尽量不要使用vs的编译器。gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 3

    基类选择Qwidget,类名自拟。gdk办公区 - 实用经验教程分享!

    这里采用默认的Widget类名。gdk办公区 - 实用经验教程分享!

    这里要取消创建界面的小勾,点击下一步完成就可以了。gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 4

    因为我们创建界面要用到三个部件,QLabel,QLineEdit,QPushButton。gdk办公区 - 实用经验教程分享!

    所以我们打开头文件,在里面添加如下头文件:gdk办公区 - 实用经验教程分享!

    #include QLabel>gdk办公区 - 实用经验教程分享!

    #include QLineEdit>gdk办公区 - 实用经验教程分享!

    #include QPushButton>gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 5

    在class中添加如下部件和槽函数。gdk办公区 - 实用经验教程分享!

    private: gdk办公区 - 实用经验教程分享!

    QLabel *userNameLabel; gdk办公区 - 实用经验教程分享!

    QLabel *passWordLabel; QLineEdit *userNameLineEdit; gdk办公区 - 实用经验教程分享!

    QLineEdit *passWordLineEdit; QPushButton *login;gdk办公区 - 实用经验教程分享!

    private slots: gdk办公区 - 实用经验教程分享!

    void slotLogin();gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 6

    打开widget.cppgdk办公区 - 实用经验教程分享!

    添加头文件:gdk办公区 - 实用经验教程分享!

    #include QGridLayout>gdk办公区 - 实用经验教程分享!

    #include QHBoxLayout>gdk办公区 - 实用经验教程分享!

    #include QMessageBox>gdk办公区 - 实用经验教程分享!

    #include QDebug>gdk办公区 - 实用经验教程分享!

    添加界面程序:gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 6相关内容非法爬取自百度经验
  • 7

    添加槽函数:gdk办公区 - 实用经验教程分享!

    void Widget::slotLogin(){ gdk办公区 - 实用经验教程分享!

    qDebug() "输入用户名:" userNameLineEdit->text(); //输出调试信息gdk办公区 - 实用经验教程分享!

    qDebug() "输入密码:" passWordLineEdit->text(); if (userNameLineEdit->text().operator ==("user") && passWordLineEdit->text().operator ==("1234567890")) gdk办公区 - 实用经验教程分享!

    { gdk办公区 - 实用经验教程分享!

    qDebug() "登录成功!"; gdk办公区 - 实用经验教程分享!

    QMessageBox::information(this,tr("登录提示"),tr("登录成功")); } gdk办公区 - 实用经验教程分享!

    else gdk办公区 - 实用经验教程分享!

    { gdk办公区 - 实用经验教程分享!

    qDebug() "用户名或密码错误!"; gdk办公区 - 实用经验教程分享!

    QMessageBox::information(this,tr("登录提示"),tr("用户名或密码错误!")); gdk办公区 - 实用经验教程分享!

    }gdk办公区 - 实用经验教程分享!

    }gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 完整程序:

  • 1

    widget.h程序如下:gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 2

    main.cpp不变gdk办公区 - 实用经验教程分享!

    widget.cpp如下:gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

    Qt 5 编程小案例 - 登录界面开发gdk办公区 - 实用经验教程分享!

  • 3

    每条代码都用详细的注释,请仔细阅读。不懂的可以评论提问。gdk办公区 - 实用经验教程分享!

    学习程序,最好一条代码一条代码的手打,不要复制。gdk办公区 - 实用经验教程分享!

  • 注意事项

    • 若本经验帮到了你,请一定投票点赞哦!
    • 若有错误的地方可留言反馈。
    • 请注意,本程序只是模拟登录,真实登录环境请使用数据库!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!gdk办公区 - 实用经验教程分享!


    标签: 操作系统编程界面

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号