1> 创建一个新项目，将默认提供的程序都注释上意义
por
QT += core gui
#QT表示引入的类库 core:核心库例如IO操作在该库中 gui:图形化显示库
#如果要使用其他类库中的相关函数，就需要调用相关类库后，才能加以使用
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
#QT版本超过4时，会自动加上widgets
CONFIG += c++11
#支持C++11的新特性
# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS
# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs deprecated before Qt 6.0.0
#用来实现项目工程的管理
#管理源文件
SOURCES += \
main.cpp \
widget.cpp
#管理头文件
HEADERS += \
widget.h
#管理所有的ui文件
FORMS += \
widget.ui
# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target
头文件
#ifndef WIDGET_H
#define WIDGET_H
//防止头文件重复包含
#include <QWidget>
//ui_mywnd.h中的命名空间的声明
QT_BEGIN_NAMESPACE
namespace Ui { class Widget; } //将其他文件中的命名空间进行声明
QT_END_NAMESPACE
//自定义的类的声明，公共继承自QWidget
//QWidget类中封装了有关图形化界面相关的操作
class Widget : public QWidget
{
Q_OBJECT //信号与槽的元对象，没有这个就没法办使用信号与槽
public:
Widget(QWidget *parent = nullptr); //构造函数的声明，使用了默认参数构造
~Widget(); //虚函数
private:
Ui::Widget *ui; //成员函数，指针
};
#endif // WIDGET_H
源文件
#include "widget.h"
#include "ui_widget.h"
//构造函数的定义
Widget::Widget(QWidget *parent)
: QWidget(parent) //在子类初始化中调用父类的有参构造，来完成子类从父类中继承的成员的初始化
, ui(new Ui::Widget) //给自己类中的指针成员实例化空间
{
ui->setupUi(this); //将ui界面上的组件展示在this界面上
}
Widget::~Widget()
{
delete ui; //释放ui界面申请的组件空间
}
主函数
#include "widget.h"
//自定义头文件，该文件包含了图形化界面类
#include <QApplication>
//包含应用程序的头文件
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Widget w; //使用自定义的类无参构造一个界面对象
w.show(); //调用对象的函数成员，将界面输出出来
return a.exec();
//a.out():使用应用程序类对象，调用应用程序的成员函数，保证界面不被关闭，轮询等待界面发生变化
//等待用户操作界面上的组件
//等待界面上的槽与信号的相应
//等待事情处理机制的实现
}
2> 使用代码的形式实现登录框
#include "widget.h"
#include <QDebug>
#include <QIcon>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
Widget::Widget(QWidget *parent)
: QWidget(parent)
{
//输出数据
qDebug()<<"hellow";
//更改窗口名字
qDebug()<<"当前界面标题为:"<<this->windowType();
this->setWindowTitle("My first window");
//更改窗口图标
this->setWindowIcon(QIcon("C:/Users/ASUS/Desktop/wenjian.png"));
//设置窗口尺寸
qDebug()<<"width:"<<this->width()<<" height:"<<this->height();
qDebug()<<"size :"<<this->size();
this->setMaximumSize(800,600);
this->setMinimumSize(QSize(400,300));
this->resize(700,600);
// this->setFixedSize((500,400));
//标签组件(账号密码）
QLabel *label1 = new QLabel(this);
label1->setText("账号");
label1->resize(40,40);
label1->move(130,300);
QLabel *label2 = new QLabel(this);
label2->setText("密码");
label2->resize(label1->size());
// label2->move(label1->x(),label1->y()+width()+10-label2->y());
label2->move(130,340);
//行编辑（账号密码的输入）
QLineEdit *line1 = new QLineEdit(this);
line1->resize(300,30);
line1->move(label1->x()+label1->width()+2,label1->y());
QLineEdit *line2 = new QLineEdit(this);
line2->resize(300,30);
line2->move(label2->x()+label2->width()+2,label2->y());
line2->clear();
line2->setPlaceholderText(" 请输入密码");
line2->setEchoMode(QLineEdit::Password);
//按钮（登录/退出）
QPushButton *btn1 = new QPushButton(this);
btn1->setText("登录");
btn1->resize(80,40);
btn1->move(250,400);
btn1->setStyleSheet("color:white;background-color:skyblue;border-radius:10px;");
QPushButton *btn2 = new QPushButton(this);
btn2->setText("退出");
btn2->resize(80,40);
btn2->move(350,400);
btn2->setStyleSheet("color:red;background-color:yellow;border-radius:10px;");
//logo
QLabel *lab = new QLabel(this);
lab->resize(120,120);
lab->setPixmap(QPixmap("C:/Users/ASUS/Desktop/新建文件夹/图/图.jpg"));
lab->setScaledContents(true);
lab->move(270,150);
}
Widget::~Widget()
{
}3> 思维导图
