1.手动实现登录框；

---mychat.h---头文件

#ifndef MYCHAT_H
#define MYCHAT_H#include <QWidget>
#include <QDebug>  //打印信息
#include <QIcon> //图标
#include <QPushButton>  //按钮
#include <QLineEdit> //行编辑器类
#include <QLabel>  //标签类class Mychat : public QWidget
{Q_OBJECTpublic:Mychat(QWidget *parent = nullptr);~Mychat();QLabel *lab1;  //标签类，设置背景QLabel *lab2;  //设置账号图标QLabel *lab3;  //设置密码图标QLineEdit *edit1;  //行编辑器类，设置明文账号QLineEdit *edit2;  //设置密文密码QPushButton *but1;  //按钮类，设置登录按钮QPushButton *but2;  //设置取消按钮};
#endif // MYCHAT_H

---mychar.cpp---源文件

#include "mychat.h"Mychat::Mychat(QWidget *parent): QWidget(parent)
{//对组件界面的设置qDebug()<<this->size();this->setFixedSize(this->size());  //固定界面尺寸this->setWindowOpacity(0.9);  //透明度//设置窗口this->setWindowTitle(" 轻松一刻的你");  //窗口内容this->setWindowIcon(QIcon("D:\\桌面\\qt_icon\\企鹅.png"));  //窗口图标//设置背景lab1 = new QLabel;lab1->setParent(this);  //将当前组件设置为父组件lab1->resize(700,200);  //更改标签大小lab1->setPixmap(QPixmap("D:\\桌面\\qt_icon\\背景1.jpg"));lab1->setScaledContents(true);  //自动适应空间//设置登录页面//账号密码图形标签lab2 = new QLabel;lab2->setParent(this);  //将当前组件设置为父组件//lab2->setStyleSheet("background-color:blue;");  //参考lab2->resize(50,40);  //设置大小lab2->move(170,250);  //位置lab2->setPixmap(QPixmap("D:\\桌面\\qt_icon\\账号.png"));lab2->setScaledContents(true);  //自动适应空间lab3 = new QLabel(this);//lab3->setStyleSheet("background-color:blue;");  //参考lab3->resize(lab2->size());  //设置大小lab3->move(170,320);  //位置lab3->setPixmap(QPixmap("D:\\桌面\\qt_icon\\密码.png"));lab3->setScaledContents(true);  //自动适应空间//行文本edit1 = new QLineEdit(this);edit1->move(260,250);  //位置qDebug()<<edit1->size();  //获取大小edit1->resize(220,40);  //设置大小edit1->setPlaceholderText("账号");  //占位提示edit2 = new QLineEdit(this);edit2->move(260,320);  //位置edit2->resize(edit1->size());  //设置大小edit2->setEchoMode(QLineEdit::Password);  //设置密文edit2->setPlaceholderText("密码");  //占位提示//登录，取消按钮but1 = new QPushButton(this);qDebug()<<but1->size();  //获取大小//but1->setStyleSheet("background-color:red;");  //参考but1->move(340,400);  //位置but1->resize(70,40);  //设置大小but1->setText("登录");  //文本but1->setIcon(QIcon("D:\\桌面\\qt_icon\\登录.png"));but2 = new QPushButton(this);//but2->setStyleSheet("background-color:red;");  //参考but2->move(440,400);  //位置but2->resize(but1->size());  //设置大小but2->setText("取消");  //文本but2->setIcon(QIcon("D:\\桌面\\qt_icon\\取消.png"));
}Mychat::~Mychat()
{
}

---main.cpp---测试文件

#include "mychat.h"#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);Mychat w;w.show();return a.exec();
}

结果---

 

2.今日思维导图；