QT day1

1.思维导图

2> 自由发挥应用场景 实现登录界面

QT day1_第1张图片

qq.h

#ifndef QQ_H
#define QQ_H

#include 
#include 
#include 
#include 
#include 
#include 
class QQ : public QMainWindow
{
    Q_OBJECT

public:
    QQ(QWidget *parent = nullptr);
    ~QQ();
};
#endif // QQ_H

 main.cpp

#include "qq.h"

#include 

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QQ w;
    w.show();
    return a.exec();
}

 qq.cpp

#include "qq.h"

QQ::QQ(QWidget *parent)
    : QMainWindow(parent)
{
    //*********************窗口相关设置*****************//
    this->setWindowTitle("QQ登录");//设置窗口标题
    this->setWindowIcon(QIcon("C:\\Program Files\\Tencent\\QQNT\\resources\\app\\versions\\9.9.3-17749\\resource\\favicon-default.png"));//设置应用的图标
    this->resize(430,330);//设置窗口大小
    this->setFixedSize(430,330);//设置窗口固定大小
    this->setWindowFlag(Qt::FramelessWindowHint);//设置纯净窗口 去掉头部


    //*********************标签设置******************//
    QLabel *lab1=new QLabel(this);//创建上半标签1
    lab1->resize(430,130);//设置标签大小

    //设置动图
    QMovie *mv= new QMovie("C:\\Users\\Administrator\\Desktop\\day1\\1.gif");

    lab1->setMovie(mv); //将动图放到标签lab1上
    mv->start();//让动图开始
    lab1->setScaledContents(true);//动图自适应lab1

    QLabel *lab2=new QLabel(this);//创建左上角图标
    lab2->resize(60,40);//设置大小
    lab2->move(7,7);//设置位置
    lab2->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\1.png"));//设置左上角qq图标
    lab2->setScaledContents(true);

    QLabel *lab3=new QLabel(this);//创建账号图标
    lab3->resize(14,18);//设置大小
    lab3->move(100,175);//设置位置
    lab3->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\2.png"));//设置账号图标
    lab3->setScaledContents(true);

    QLabel *lab4=new QLabel(this);//创建密码图标
    lab4->resize(14,18);//设置大小
    lab4->move(100,210);//设置位置
    lab4->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\3.png"));//设置密码图标
    lab4->setScaledContents(true);

    QLabel *lab5=new QLabel(this);//创建头像
    lab5->resize(70,70);//设置大小
    lab5->move(170,90);//设置位置
    lab5->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\4.ico"));//设置默认头像
    lab5->setScaledContents(true);
    lab5->setStyleSheet("background-color:white;border-radius:35px");//设置背景颜色白色,边界圆半径35px

    QLabel *lab6=new QLabel(this);//创建密码图标
    lab6->resize(22,22);//设置大小
    lab6->move(400,300);//设置位置
    lab6->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\6.png"));//设置密码图标
    lab6->setScaledContents(true);

    QLabel *lab7=new QLabel(this);//创建自动登录
    lab7->move(128,235);//设置位置
    lab7->setText("自动登录");
    lab7->setStyleSheet("color:rgb(131,131,131)");//设置颜色为灰色

    QLabel *lab8=new QLabel(this);//创建记住密码
    lab8->move(188,235);//设置位置
    lab8->setText("记住密码");
    lab8->setStyleSheet("color:rgb(131,131,131)");
    QLabel *lab9=new QLabel(this);//创建找回密码
    lab9->move(248,235);//设置位置
    lab9->setText("找回密码");
    lab9->setStyleSheet("color:rgb(131,131,131)");



    //*****************行编辑器类的相关设置*************//
    QLineEdit *edit1=new QLineEdit(this);//账号行编辑器
    edit1->resize(170,18);
    edit1->move(120,175);
    edit1->setPlaceholderText("QQ号码/手机/邮箱");

    QLineEdit *edit2=new QLineEdit(this);//密码行编辑器
    edit2->resize(170,18);
    edit2->move(120,210);
    edit2->setEchoMode(QLineEdit::Password);//设置密码模式
    edit2->setPlaceholderText("密码");



    //*****************按钮类的相关设置***************//
    QPushButton *btn1 = new QPushButton(this);//登录按钮
    btn1->move(110,270);
    btn1->resize(190,30);
    btn1->setText("登录");//设置文本
    btn1->setStyleSheet("background-color:rgb(31,200,253);border-radius:10px");

    QPushButton *btn2 = new QPushButton(this);//注册账号按钮
    btn2->move(15,300);
    btn2->resize(50,20);
    btn2->setText("注册账号");
    btn2->setStyleSheet("color:rgb(131,131,131);border-radius:10px");

    QPushButton *btn3 = new QPushButton(this);//缩小按钮
    btn3->move(370,0);
    btn3->setIcon(QIcon("C:\\Users\\Administrator\\Desktop\\small.png"));
    btn3->resize(30,20);
    btn3->setStyleSheet("border-radius:10px");

    QPushButton *btn4 = new QPushButton(this);//设置按钮
    btn4->move(350,0);
    btn4->setIcon(QIcon("C:\\Users\\Administrator\\Desktop\\set.png"));
    btn4->resize(30,20);
    btn4->setStyleSheet("border-radius:10px");

    QPushButton *btn5 = new QPushButton(this);//关闭按钮
    btn5->move(400,0);
    btn5->setIcon(QIcon("C:\\Users\\Administrator\\Desktop\\close.png"));
    btn5->resize(30,20);
    btn5->setStyleSheet("border-radius:10px");

}

QQ::~QQ()
{
}

 实现效果:

                            

你可能感兴趣的:(qt,前端,数据库)