7.26 Qt

用QT制作一个登陆界面

运行代码

login.h

#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>
#include <QDebug>                   //信息调试类，用于输出
#include <QIcon>                    //图标类头文件
#include <QPushButton>              //按钮类头文件
#include <QLineEdit>                //行编辑器头文件
#include <QLabel>                   //标签头文件class Widget : public QWidget
{Q_OBJECTpublic:Widget(QWidget *parent = nullptr);~Widget();//使用无参构造标签QLabel *label1=new QLabel;          //背景标签QLabel *label2=new QLabel;          //用户文本框标签QLabel *label3=new QLabel;          //密码文本框标签QLabel *label4=new QLabel;          //超链接标签QLineEdit *edit1=new QLineEdit;     //用户行编辑器QLineEdit *edit2=new QLineEdit;     //密码行编辑器QPushButton *btn1=new QPushButton;  //登陆按钮QPushButton *btn2=new QPushButton;  //退出按钮signals:void  registerSignal();   //自定义返回信号，用来发送给父窗口public slots:void registerSlot();};
#endif // WIDGET_H

register.h

#ifndef REGISTER_H
#define REGISTER_H#include <QWidget>
#include <QDebug>                   //信息调试类，用于输出
#include <QIcon>                    //图标类头文件
#include <QPushButton>              //按钮类头文件
#include <QLineEdit>                //行编辑器头文件
#include <QLabel>                   //标签头文件namespace Ui {
class Register;
}class Register : public QWidget
{Q_OBJECTpublic:explicit Register(QWidget *parent = nullptr);~Register();QLabel *label1=new QLabel;          //用户名标签QLabel *label2=new QLabel;          //密码标签QLabel *label3=new QLabel;          //确认密码标签QLabel *label4=new QLabel;          //邮箱标签QLineEdit *edit1=new QLineEdit;     //用户名行编辑器QLineEdit *edit2=new QLineEdit;     //密码行编辑器QLineEdit *edit3=new QLineEdit;     //确认密码行编辑器QLineEdit *edit4=new QLineEdit;     //邮箱行编辑器QPushButton *btn1=new QPushButton;  //提交按钮QPushButton *btn2=new QPushButton;  //刷新按钮private:Ui::Register *ui;public slots:void sendSignal();    //用来发送返回信号
};#endif // REGISTER_H

main.cpp

#include "login.h"
#include "register.h"
#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);Widget w;w.show();Register r;  //实例化第二个界面//连接两个界面的信号与槽QObject::connect(&w,&Widget::registerSignal,&r,&Register::sendSignal);return a.exec();
}

login.cpp

#include "login.h"Widget::Widget(QWidget *parent): QWidget(parent)
{//1.固定当前界面的尺寸this->setFixedSize(800,600);           //调用函数设置宽和高//2.窗口标题的设置this->setWindowTitle("Blog");//3.设置窗口图标this->setWindowIcon(QIcon("C:\\Users\\Administrator\\Desktop\\Insert\\QT\\icon\\blog.jfif"));//4.设置背景色，可以使用qss代码完成样式表this->setStyleSheet("background-color:lightyellow;");//5.设置窗口透明度this->setWindowOpacity(1.0);//设置标签//利用标签设置背景label1->setParent(this);label1->resize(800,300);label1->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\Insert\\QT\\icon\\background.jpg"));  //设置图片标签label1->setScaledContents(true);   //设置内容自适应//利用标签设置 用户和密码//用户文本框标签label2->setParent(this);label2->resize(40,40);label2->move(200,350);label2->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\Insert\\QT\\icon\\login.png"));  //设置图片标签label2->setScaledContents(true);   //设置内容自适应//密码文本框标签label3->setParent(this);label3->resize(40,40);label3->move(200,450);label3->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\Insert\\QT\\icon\\pwd.png"));  //设置图片标签label3->setScaledContents(true);   //设置内容自适应//超链接标签label4->setParent(this);label4->resize(150,40);label4->move(150,545);label4->setText("<h3><style> a{text-decoration:none;color:lightgrey;}</style><a href=\"https:www.baidu.com\">百度一下</a></h3>");  //加\"是转义  <h1></h1>可有可无label4->setScaledContents(true);   //设置内容自适应label4->setOpenExternalLinks(true);  //设置点击连接自动打开 (跳转到浏览器)//用户行编辑器edit1->setParent(this);          //设置父组件edit1->resize(250,40);           //重新设置尺寸edit1->move(270,350);            //移动位置edit1->setPlaceholderText("username");//密码行编辑器edit2->setParent(this);edit2->resize(edit1->size());edit2->move(270,450);edit2->setEchoMode(QLineEdit::Password);     //设置密文模式edit2->setPlaceholderText("password");      //设置占位符//登陆按钮btn1->setParent(this);   //把当前界面当成父组件btn1->setText("Login");  //设置按钮上的文本内容btn1->resize(100,50);btn1->move(240,530);     //移动按钮的位置btn1->setStyleSheet("background-color:khaki;");  //设置背景色btn1->setIcon(QIcon("C:\\Users\\Administrator\\Desktop\\Insert\\QT\\icon\\login_1.png"));   //设置按钮图标connect(btn1, SIGNAL(clicked()), this, SLOT(registerSlot()));//退出按钮btn2->setParent(this);   //把当前界面当成父组件btn2->setText("Exit");  //设置按钮上的文本内容btn2->resize(btn1->size());btn2->move(480,530);     //移动按钮的位置btn2->setStyleSheet("background-color:khaki;");  //设置背景色btn2->setIcon(QIcon("C:\\Users\\Administrator\\Desktop\\Insert\\QT\\icon\\exit.png"));   //设置按钮图标
}Widget::~Widget()
{
}void Widget::registerSlot()
{emit registerSignal();
}

register.cpp

#include "register.h"
#include "ui_register.h"Register::Register(QWidget *parent) :QWidget(parent),ui(new Ui::Register)
{ui->setupUi(this);//1.固定当前界面的尺寸this->setFixedSize(800,600);           //调用函数设置宽和高//2.窗口标题的设置this->setWindowTitle("Blog");//3.设置窗口图标this->setWindowIcon(QIcon("C:\\Users\\Administrator\\Desktop\\Insert\\QT\\icon\\blog.jfif"));//4.设置背景色，可以使用qss代码完成样式表this->setStyleSheet("background-color:lightyellow;");//5.设置窗口透明度this->setWindowOpacity(1.0);//用户名文本框标签label1->setParent(this);label1->resize(100,50);label1->move(200,100);label1->setText("Username");label1->setScaledContents(true);   //设置内容自适应//用户名文本框标签label2->setParent(this);label2->resize(100,50);label2->move(200,200);label2->setText("Password");label2->setScaledContents(true);   //设置内容自适应//重新确认文本框标签label3->setParent(this);label3->resize(100,50);label3->move(200,300);label3->setText("Reconfirm");label3->setScaledContents(true);   //设置内容自适应//邮箱文本框标签label4->setParent(this);label4->resize(100,50);label4->move(200,400);label4->setText("E-mail");label4->setScaledContents(true);   //设置内容自适应//用户名行编辑器edit1->setParent(this);          //设置父组件edit1->resize(250,40);           //重新设置尺寸edit1->move(300,100);            //移动位置edit1->setPlaceholderText("Username");//密码行编辑器edit2->setParent(this);          //设置父组件edit2->resize(250,40);           //重新设置尺寸edit2->move(300,200);            //移动位置edit2->setEchoMode(QLineEdit::Password);     //设置密文模式edit2->setPlaceholderText("Password");//用户名行编辑器edit3->setParent(this);          //设置父组件edit3->resize(250,40);           //重新设置尺寸edit3->move(300,300);            //移动位置edit3->setEchoMode(QLineEdit::Password);     //设置密文模式edit3->setPlaceholderText("Reenter");//用户名行编辑器edit4->setParent(this);          //设置父组件edit4->resize(250,40);           //重新设置尺寸edit4->move(300,400);            //移动位置edit4->setPlaceholderText("E-mail");//提交按钮btn1->setParent(this);   //把当前界面当成父组件btn1->setText("Submit");  //设置按钮上的文本内容btn1->resize(100,50);btn1->move(240,500);     //移动按钮的位置btn1->setStyleSheet("background-color:khaki;");  //设置背景色//刷新按钮btn2->setParent(this);   //把当前界面当成父组件btn2->setText("Restart");  //设置按钮上的文本内容btn2->resize(100,50);btn2->move(480,500);     //移动按钮的位置btn2->setStyleSheet("background-color:lightgrey;");  //设置背景色}Register::~Register()
{delete ui;
}void Register::sendSignal()
{this->show();
}

界面展示

主界面

跳转界面

思维导图