基于Qt的登录框制作

最新推荐文章于 2024-06-17 19:19:43 发布
最新推荐文章于 2024-06-17 19:19:43 发布
阅读量367 收藏
点赞数
分类专栏： Linux系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33232152/article/details/103643654
版权

学习Qt过程中制作了登录框，记录于此，便于以后开发重复利用。

效果图：

ui代码：

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Login</class>
 <widget class="QDialog" name="Login">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>360</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Dialog</string>
  </property>
  <property name="styleSheet">
   <string notr="true">background-color: qconicalgradient(cx:1, cy:0, angle:0, stop:0.422886 rgba(176, 187, 31, 255), stop:0.810945 rgba(168, 227, 176, 255), stop:0.945274 rgba(255, 255, 255, 255));
border: 2px solid rgba(176, 187, 31, 255); 
border-radius: 10px;</string>
  </property>
  <widget class="QPushButton" name="pushButton_login">
   <property name="geometry">
    <rect>
     <x>60</x>
     <y>450</y>
     <width>240</width>
     <height>50</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true">font: 87 16pt &quot;Arial Black&quot;;
background-color: rgb(144, 193, 71);

</string>
   </property>
   <property name="text">
    <string>LOGIN</string>
   </property>
   <property name="default">
    <bool>false</bool>
   </property>
   <property name="flat">
    <bool>false</bool>
   </property>
  </widget>
  <widget class="QLabel" name="label_picture">
   <property name="geometry">
    <rect>
     <x>90</x>
     <y>100</y>
     <width>180</width>
     <height>180</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true">border-radius: 20px;
background-color: rgb(107, 207, 101);
</string>
   </property>
   <property name="text">
    <string>&lt;html&gt;&lt;head/&gt;&lt;body&gt;&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot; font-size:72pt; font-weight:600; color:#0000ff;&quot;&gt;M&lt;/span&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</string>
   </property>
  </widget>
  <widget class="QLineEdit" name="lineEdit_login_name">
   <property name="geometry">
    <rect>
     <x>90</x>
     <y>320</y>
     <width>180</width>
     <height>35</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true">background-color: rgb(212, 212, 212);
font: 75 12pt &quot;Aharoni&quot;;
</string>
   </property>
  </widget>
  <widget class="QLineEdit" name="lineEdit_login_pwd">
   <property name="geometry">
    <rect>
     <x>90</x>
     <y>370</y>
     <width>180</width>
     <height>35</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true">background-color: rgb(208, 208, 208);
font: 75 12pt &quot;Aharoni&quot;;</string>
   </property>
   <property name="frame">
    <bool>false</bool>
   </property>
   <property name="echoMode">
    <enum>QLineEdit::Password</enum>
   </property>
  </widget>
  <widget class="QLabel" name="label_error_info">
   <property name="geometry">
    <rect>
     <x>90</x>
     <y>300</y>
     <width>180</width>
     <height>15</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true">color: rgb(255, 0, 0);
background-color: rgba(255, 255, 255, 0);
font: 75 10pt &quot;Aharoni&quot;;
border-width:0px; </string>
   </property>
   <property name="text">
    <string/>
   </property>
  </widget>
  <widget class="QPushButton" name="pushButton_window_close">
   <property name="geometry">
    <rect>
     <x>320</x>
     <y>0</y>
     <width>40</width>
     <height>40</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true">font: 75 12pt &quot;Aharoni&quot;;
background-color: rgba(255, 255, 255, 0);
border-width:0px; </string>
   </property>
   <property name="text">
    <string>X</string>
   </property>
  </widget>
  <widget class="QPushButton" name="pushButton_window_mini">
   <property name="geometry">
    <rect>
     <x>280</x>
     <y>0</y>
     <width>40</width>
     <height>40</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true">font: 75 12pt &quot;Aharoni&quot;;
background-color: rgba(255, 255, 255, 0);
border-width:0px; </string>
   </property>
   <property name="text">
    <string>—</string>
   </property>
  </widget>
  <widget class="QLabel" name="label_title">
   <property name="geometry">
    <rect>
     <x>10</x>
     <y>10</y>
     <width>150</width>
     <height>24</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true">background-color: rgba(255, 255, 255, 0);
color: rgb(9, 103, 59);
border-width:0px;
font: 87 10pt &quot;Arial Black&quot;; </string>
   </property>
   <property name="text">
    <string/>
   </property>
  </widget>
  <widget class="QCheckBox" name="checkBox_remember_pwd">
   <property name="geometry">
    <rect>
     <x>90</x>
     <y>410</y>
     <width>91</width>
     <height>19</height>
    </rect>
   </property>
   <property name="styleSheet">
    <string notr="true"/>
   </property>
   <property name="text">
    <string>记住密码</string>
   </property>
  </widget>
  <widget class="QCheckBox" name="checkBox_auto_login">
   <property name="geometry">
    <rect>
     <x>190</x>
     <y>410</y>
     <width>91</width>
     <height>19</height>
    </rect>
   </property>
   <property name="text">
    <string>自动登录</string>
   </property>
  </widget>
 </widget>
 <layoutdefault spacing="6" margin="11"/>
 <resources/>
 <connections/>
</ui>

类声明：

/*
 * 登录窗口制作，基于QDialog
 * skynet
 * 2019-12-20
 */
#ifndef USERlOGIN_H
#define USERlOGIN_H

#include <QDialog>
#include <QMouseEvent>
#include <QPixmap>
#include <QValidator>

namespace Ui {
class Login;
}

class UserLogin : public QDialog
{
    Q_OBJECT

public:
    explicit UserLogin(QWidget *parent = 0,QString title_name=QObject::tr("USER LOGIN"));
    ~UserLogin();

    void set_window_title(QString temp_title);  //设置窗口标题
    void set_user_picture(QPixmap *pixmap);  //设置用户图片
    void set_user_name_validator(QValidator *validator);  //设置用户名输入验证
    void set_pwd_validator(QValidator *validator);    //设置密码输入验证

    //拖拽窗口
    void mousePressEvent(QMouseEvent *event);
    void mouseMoveEvent(QMouseEvent *event);
    void mouseReleaseEvent(QMouseEvent *event);


private slots:
    void on_pushButton_window_close_clicked();  //关闭按钮槽
    void on_pushButton_window_mini_clicked();   //最小化按钮槽
    void on_pushButton_login_clicked();      //登录按钮槽

private:
    Ui::Login *ui;

    //拖拽窗口中间数据
    bool   m_bDrag;
    QPoint mouseStartPoint;
    QPoint windowTopLeftPoint;
};

#endif // USERlOGIN_H

类定义：

#include "userLogin.h"
#include "ui_dialog.h"
#include <Qt>

UserLogin::UserLogin(QWidget *parent,QString title_name) :
    QDialog(parent),
    ui(new Ui::Login)
{
    ui->setupUi(this);
    this->setWindowFlags(windowFlags()|Qt::FramelessWindowHint);
    ui->label_title->setText(title_name);
    ui->lineEdit_login_name->setPlaceholderText(QObject::tr("user name"));
    ui->lineEdit_login_pwd->setPlaceholderText(QObject::tr("password"));
    ui->lineEdit_login_name->setAlignment(Qt::AlignCenter);
    ui->lineEdit_login_pwd->setAlignment(Qt::AlignCenter);
}

UserLogin::~UserLogin()
{
    delete ui;
}

void UserLogin::set_window_title(QString temp_title)
{
    this->ui->label_title->clear();
    this->ui->label_title->setText(temp_title);
}

void UserLogin::set_user_picture(QPixmap *pixmap)
{
    ui->label_picture->clear();
    pixmap->scaled(ui->label_picture->size(),Qt::KeepAspectRatio);
    ui->label_picture->setScaledContents(true);
    ui->label_picture->setPixmap(*pixmap);
}

void UserLogin::set_user_name_validator(QValidator *validator)
{
    ui->lineEdit_login_name->setValidator(validator);
}

void UserLogin::set_pwd_validator(QValidator *validator)
{
    ui->lineEdit_login_pwd->setValidator(validator);
}

void UserLogin::mousePressEvent(QMouseEvent *event)
{
    if(event->button() == Qt::LeftButton)
    {
        m_bDrag = true;
        //获得鼠标的初始位置
        mouseStartPoint = event->globalPos();
        //获得窗口的初始位置
        windowTopLeftPoint = this->frameGeometry().topLeft();
    }
}

void UserLogin::mouseMoveEvent(QMouseEvent *event)
{
    if(m_bDrag)
    {
        //获得鼠标移动的距离
        QPoint distance = event->globalPos() - mouseStartPoint;
        //QPoint distance = event->pos() - mouseStartPoint;
        //改变窗口的位置
        this->move(windowTopLeftPoint + distance);
    }
}

void UserLogin::mouseReleaseEvent(QMouseEvent *event)
{
    if(event->button() == Qt::LeftButton)
    {
        m_bDrag = false;
    }
}

void UserLogin::on_pushButton_window_close_clicked()
{
    this->close();
}

void UserLogin::on_pushButton_window_mini_clicked()
{
    this->setWindowState(Qt::WindowMinimized);
}

void UserLogin::on_pushButton_login_clicked()
{
    if(ui->lineEdit_login_name->hasAcceptableInput())
    {
        if(ui->lineEdit_login_pwd->hasAcceptableInput())
        {
            //写入对输入用户名和密码的验证
        }
        else
        {
            ui->label_error_info->setText(QObject::tr("user pwd error"));
        }
    }
    else
    {
        ui->label_error_info->setText(QObject::tr("user name error"));
    }
}

Qt登录框

skynetkang
关注
专栏目录
qt登录框
weixin_51028471的博客
12-13 83
【代码】qt图形化登录框
QT 实现简易登录框
Azylahh66的博客
12-13 752
2022.12.13
源码：Qt密码登录框
05-14
登录界面帐号密码均为123，有3次输入机会，输入错误后提示剩余次数。若输入3次均错误，则退出。若输入帐号密码正确，则进入到主界面。
Qt 手把手教你实现漂亮的登录界面
热门推荐
程序猿进化梯
09-30 4万+
前言 最近在做一个管理系统类的项目，自然需要用到登录界面，故记录一下登录界面的制作。 目录前言一、手把手教你实现漂亮的登录界面第一步、新建一个Qwidget项目第二步、添加界面组件1、添加容器2、添加按钮，标签，文字组件3、修改组件名称4、添加样式表第三步、实现最小化窗口和关闭窗口功能1）添加最小化和关闭窗口按钮2）按钮转到槽3）代码示例第四步、隐藏widget窗口边框和背景第五步、实现界面可移动 一、手把手教你实现漂亮的登录界面 首先看一下成品。 第一步、新建一个Qwidget项目 没必要用qmainwi
关于QT实现窗口登录界面的设计
最新发布
btsppp的博客
06-17 325
【代码】关于QT实现窗口登录界面的设计。
QT 登录框
luyi博客
04-15 443
网易云课堂 QT入门精讲 https://study.163.com/course/courseMain.htm?courseId=1005069007 by吴健 1. 登录程序 mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> namespace Ui...
QT之简单登录窗口
ZHLCHLC的博客
03-13 2703
最近几天上youtube学QT，跟的是一位印度阿三哥，这位阿三哥值得推荐（名为ProgrammingKnowledge ,好多技术语言都有介绍的挺好的~） 贴上QT学习的链接 https://www.youtube.com/watch?v=SyzxerD2Yps&list=PLS1QulWo1RIZiBcTr5urECberTITj7gjA&index=12&t=12s ...
基于Qt实现的WPS 基于Qt的简易版WPS
03-29
基于Qt实现的简易版WPS，意味着开发者利用Qt库来创建一个类似WPS的功能集，可能包括文本编辑、格式设置、页面布局、图表制作等功能。这个项目的核心在于如何利用Qt的部件（QWidgets或QML）来构建用户界面，以及如何...
基于C++和Qt框架制作的Windows操作系统下的Frp图形界面客户端源码.zip
01-09
基于C++和Qt框架制作的Windows操作系统下的Frp图形界面客户端源码.zip基于C++和Qt框架制作的Windows操作系统下的Frp图形界面客户端源码.zip基于C++和Qt框架制作的Windows操作系统下的Frp图形界面客户端源码.zip基于...
基于C++和Qt框架制作的Windows操作系统下的Frp图形界面客户端源码+项目说明.zip
02-19
基于C++和Qt框架制作的Windows操作系统下的Frp图形界面客户端源码+项目说明.zip基于C++和Qt框架制作的Windows操作系统下的Frp图形界面客户端源码+项目说明.zip基于C++和Qt框架制作的Windows操作系统下的Frp图形界面...
QT实现登录窗口
04-19
QTableWidget是QT对话框设计中常用的显示数据表格的控件。 QTableWidget继承于类QTableView，所以在学习QTableWidget之前可以先看一下QTableWidget，他们两者的区别是：QTableView可以使用自定义的数据模型来显示内容（也就意味着使用时先要通过setModel来绑定数据源），而QTableWidget则只能使用标准的数据模型。 QTableWidget单元格数据是QTableWidgetItem对象来实现的（即就是不需要数据源，单元格内的信息需要逐个填充即可）。 这主要由于QTableView类中有setModel成员函数，而到了QTableWidget类中，该成员函数变成了私有。 使用QTableWidget就离不开QTableWidgetItem。QTableWidgetItem用来表示表格中的其中一个单元格，整个表格都需要用逐个单元格对象QTableWidgetItem构建起来。
用QT做一个简单的登录界面
06-18
使用QT做一个简单的登录界面
QT实现qq登录框
11-21
QT实现QQ登录框制作，包含图片代码 需要用到QT软件 压缩包在官网自行下载
Qt-登录界面样式美化
10-21
qt制作的登录界面， 设置背景图片， ui界面样式设置，
QT制作的登录界面，简简单单
07-10
QT制作的登录界面，简简单单，中文正常显示，保证能正常运行。在前辈的基础上做了一些改动，适合简单的登录要求。一积分足以。
基于蓝牙控制的温控led，基于qt的app制作
06-08
【标题】"基于蓝牙控制的温控LED，基于Qt的APP制作"涉及到的是利用Qt框架开发一款能够通过蓝牙通信控制Arduino板上LED灯温度的移动应用程序。Qt是一个跨平台的C++图形用户界面应用程序开发框架，它允许开发者创建...
课程设计基于Qt和C++ 框架编写的简易植物大战僵尸游戏源码.zip
10-07
课程设计基于Qt和C++ 框架编写的简易植物大战僵尸游戏源码.zip课程设计基于Qt和C++ 框架编写的简易植物大战僵尸游戏源码.zip课程设计基于Qt和C++ 框架编写的简易植物大战僵尸游戏源码.zip课程设计基于Qt和C++ 框架...
Qt设计精美的登录注册界面（包含SQLite数据库应用）
weixin_45739654的博客
07-10 2万+
Qt设计较为美观好看的登录注册界面（包含SQLite数据库以及TCP通信的应用）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值