QT基础制作简单登录界面

作业：

1、创建一个新项目，将默认提供的程序都注释上意义

01zy.pro代码

QT       += core gui
# QT表示要引入的类库  core：核心库例如IO操作在该库中   gui：图形化界面库
# 如果要使用其他类库中的相关函数，则需要加对于的类库后，才能使用greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
# QT超过版本4时，会自动加上 widgetsCONFIG += 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

widget.h代码

#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

main.cpp代码

#include "widget.h"
//文件包含，自定义的头文件，该头文件中包含了图形化界面类#include <QApplication>
//包含应用程序的头文件int main(int argc, char *argv[])
{QApplication a(argc, argv);  //使用应用程序类实例化对象，调用有参构造Widget w;   //使用自定义的类调用无参构造在栈区构造一个界面对象w.show();   //调用对象的成员函数，将界面展示出来return a.exec();//a.exec():使用应用程序类对象，调用应用程序的成员函数，保证界面不被关闭，轮询等待界面上的时间发生//等待用户操作界面上的组件//等待界面上的信号与槽的响应//等待事件处理机制的实现
}

widget.cpp代码

#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界面申请的组件空间
}

2、使用代码的形式实现登录框

widget.h代码

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

widget.cpp代码

#include "widget.h"Widget::Widget(QWidget *parent): QWidget(parent)
{//1、设置窗口this->setFixedSize(600,400);    //设置界面尺寸this->setWindowTitle("QQ");    //设置窗口标题//设置图标，使用匿名对象完成this->setWindowIcon(QIcon("C:/Users/Administrator/Desktop/icon/QQ.png"));//设置按钮//使用无参构造在堆区申请一个按钮QPushButton *btn1 = new QPushButton;btn1->setParent(this);  //将当前界面设置成组件的父组件btn1->setText("登录");    //设置按钮文本内容btn1->resize(80,40);    //重新设置按钮尺寸btn1->move(180,320);    //移动当前组件位置//设置样式表btn1->setStyleSheet("color:white;background-color:skyblue;border-radius:10px;");//使用有参构造，构造一个按钮，实例化对象时，顺便给定父组件QPushButton *btn2 = new QPushButton(this);btn2->setText("注册");//使用btn1的尺寸设置当前按钮的尺寸btn2->resize(btn1->size());//使用btn1的位置，确定btn2的位置btn2->move(btn1->x()+btn1->width()+10,btn1->y());//设置样式表btn2->setStyleSheet("color:white;background-color:skyblue;border-radius:10px;");//3、设置行编辑器//使用有参构造一个行编辑器QLineEdit *edit1 = new QLineEdit(this);edit1->setWindowIcon(QIcon("C:/Users/Administrator/Desktop/icon/zhh.png"));edit1->resize(250,40);  //重置尺寸edit1->move(150,160);edit1->setAlignment(Qt::AlignCenter);   //设置文本对齐方式edit1->setPlaceholderText("请输入QQ账号");    //设置占位文本//使用有参构造一个行编辑器QLineEdit *edit2 = new QLineEdit(this);edit2->setWindowIcon(QIcon("C:/Users/Administrator/Desktop/icon/pwd.png"));edit2->resize(edit1->size());   //重置尺寸edit2->move(150,220);  //移动位置edit2->setPlaceholderText("请输入QQ密码");    //设置占位文本edit2->setAlignment(Qt::AlignCenter);   //设置文本对齐方式edit2->setEchoMode(QLineEdit::Password);    //设置回显模式QLabel *lab1 = new QLabel(this);lab1->setText("账号");lab1->move(100,230);QLabel *lab2 = new QLabel(this);lab2->setText("密码");lab2->move(100,170);QLabel *lab3 = new QLabel(this);//lab3->setStyleSheet("background-color:skyblue;");lab3->move(0,0);lab3->setFixedSize(600,140);//给标签设置动图//创建一个movie对象QMovie *movie = new QMovie("C:/Users/Administrator/Desktop/icon/bj.gif");//将动图对象放入到标签中lab3->setMovie(movie);//让动图动起来movie->start();//让标签内容自适应大小lab3->setScaledContents(true);//给标签设置静态图QLabel *lab4 = new QLabel(this);lab4->resize(60,60);lab4->move(260,80);lab4->setPixmap(QPixmap("C:/Users/Administrator/Desktop/icon/tx.jpg"));lab4->setScaledContents(true);
}Widget::~Widget()
{
}

运行结果：