目录

将工程文件进行注释

实现如下界面

头文件：widget.h:

源文件：widget.cpp:

运行效果

思维导图

---

将工程文件进行注释

实现如下界面

头文件：widget.h:

#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>class Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent = nullptr);~Widget();
};
#endif // WIDGET_H

源文件：widget.cpp:

#include "widget.h"#include <QIcon>
#include <QDebug>Widget::Widget(QWidget *parent): QWidget(parent)
{//将图形化界面的名字改成Login screen（登录界面）this->setWindowTitle("Login screen");//将ui的图标改成想要的this->setWindowIcon(QIcon("G:\\hq\\regular\\QT\\icon\\wodepeizhenshi.png"));//设置ui界面的大小为合适的大小this->setFixedSize(QSize(400,300));//插入一个label，它的宽度与ui等宽，高度大约为整个ui界面高度的4/9QLabel *lab1 = new QLabel(this);lab1->resize(QSize(400,133));lab1->move(0,0);//label的内容要是一张图片lab1->setPixmap(QPixmap("G:\\hq\\regular\\QT\\icon\\logo.png"));//设置图片填充lab1->setScaledContents(true);//插入两个行编辑器，第一个用于输入账号QLineEdit *edit1 = new QLineEdit(this);edit1->resize(QSize(240,40));edit1->move(110,150);edit1->setPlaceholderText("账号");//第二个用于输入密码QLineEdit *edit2 = new QLineEdit(this);edit2->resize(QSize(240,40));edit2->move(edit1->x(),edit1->y()+55);edit2->setPlaceholderText("密码");//第二个回显模式是密码模式edit2->setEchoMode(QLineEdit::Password);//每个行编辑器前都要有一个label，内容为图片QLabel *lab2 = new QLabel(this);lab2->resize(50,40);lab2->setPixmap(QPixmap("G:\\hq\\regular\\QT\\icon\\userName.jpg"));lab2->setScaledContents(true);lab2->move(edit1->x()-60,edit1->y());QLabel *lab3 = new QLabel(this);lab3->resize(50,40);lab3->setPixmap(QPixmap("G:\\hq\\regular\\QT\\icon\\passwd.jpg"));lab3->setScaledContents(true);lab3->move(edit2->x()-60,edit2->y());//要有两个pushbutton,一个是登录另一个是取消QPushButton *btn1 = new QPushButton("登录",this);QPushButton *btn2 = new QPushButton("取消",this);//重设他们的尺寸btn1->resize(QSize(60,30));btn2->resize(btn1->size());//移动他们的位置到合适btn1->move(120,edit2->y()+55);btn2->move(btn1->x()+120,edit2->y()+55);//内容都会有一个图片btn1->setIcon(QIcon("G:\\hq\\regular\\QT\\icon\\login.png"));btn2->setIcon(QIcon("G:\\hq\\regular\\QT\\icon\\cancel.png"));
}Widget::~Widget()
{
}

运行效果

思维导图