QT day1 - 技术栈

思维导图

自由发挥应用场景实现一个登录窗口界面。

源文件：

cpp 复制代码

#include "mywidget.h"

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
{
    
    /*******************窗口相关设置********************/
    this->resize(592,730); //设置窗口大小
    this->setWindowTitle("Iconfont"); //设置标题
    this->setWindowIcon(QIcon("D:\\QT\\pictrue\\11.png")); //设置窗口图标
    this->setStyleSheet("background-color:rgb(255,255,255)");//设置窗口背景颜色
    this->setWindowFlag(Qt::FramelessWindowHint); //去掉头部
    
    
    /*******************标签相关设置********************/
    QLabel *lab1=new QLabel(this); //创建一个标签
    lab1->resize(592,227);  //设置标签大小
    lab1->setStyleSheet("background-color:rgb(50,50,50)"); //设置标签背景颜色
    
    QLabel *lab2=new QLabel(this); //创建一个标签
    lab2->resize(100,100); //设置标签大小
    lab2->move(246,31);  //移动标签
    lab2->setPixmap(QPixmap("D:\\QT\\pictrue\\123.png")); //将图片设置到标签中
    lab2->setScaledContents(true); // //将图片自动适应标签大小
    
    QLabel *lab3=new QLabel("iconfont",this); //创建一个标签
    lab3->resize(150,40); //设置标签大小
    lab3->move(225,136);  //移动标签
    lab3->setStyleSheet("background-color:rgb(50,50,50);color:white;font-size:35px"); //设置标签背景颜色和字体颜色，字体大小
    
    lab3->setScaledContents(true); // //将图片自动适应标签大小
    QLabel *lab4=new QLabel("第三方账号登录",this); //创建一个标签
    lab4->resize(130,25); //设置标签大小
    lab4->move(90,550);  //移动标签
    lab4->setStyleSheet("font-size:18px"); //设置标签字体大小
    
    QLabel *lab5=new QLabel(this); //创建一个标签
    lab5->resize(160,50); //设置标签大小
    lab5->move(240,540);  //移动标签
    lab5->setPixmap(QPixmap("D:\\QT\\pictrue\\333.png")); //将图片设置到标签中
    lab5->setScaledContents(true); // //将图片自动适应标签大小
    
    
    QLabel *lab6=new QLabel("阿里域账号登录（仅限阿里员工使用）",this); //创建一个标签
    lab6->resize(290,25); //设置标签大小
    lab6->move(90,610);  //移动标签
    lab6->setStyleSheet("font-size:18px"); //设置标签字体大小
    
    QLabel *lab7=new QLabel(this); //创建一个标签
    lab7->resize(45,45); //设置标签大小
    lab7->move(417,603);  //移动标签
    lab7->setPixmap(QPixmap("D:\\QT\\pictrue\\4.png")); //将图片设置到标签中
    lab7->setScaledContents(true); // //将图片自动适应标签大小
    
    
    QLabel *lab8=new QLabel("找回密码",this); //创建一个标签
    lab8->resize(130,25); //设置标签大小
    lab8->move(215,673);  //移动标签
    lab8->setStyleSheet("color:rgb(75,84,255)"); //设置标签字体颜色
    
    QLabel *lab9=new QLabel("快速注册",this); //创建一个标签
    lab9->resize(130,25); //设置标签大小
    lab9->move(305,673);  //移动标签
    lab9->setStyleSheet("color:rgb(75,84,255)"); //设置标签字体颜色
    /*******************行编辑器相关设置****************/
    QLineEdit *edit1 = new QLineEdit(this); //创建一个行编辑器
    edit1->resize(403,50); //设置行编辑器的大小
    edit1->move(95,288); //移动行编辑器
    edit1->setPlaceholderText("手机号"); //设置占位字符
    
    QLineEdit *edit2 = new QLineEdit(this);//创建一个行编辑器
    edit2->resize(403,50);//设置行编辑器的大小
    edit2->move(95,368); //移动行编辑器
    edit2->setPlaceholderText("密码");//设置占位字符
    edit2->setEchoMode(QLineEdit::Password); //设置显示模式 密码模式
    
    /*******************按钮相关设置*******************/
    QPushButton *btn1 = new QPushButton("登录",this); //创建一个按钮
    btn1->resize(403,50); //设置按钮大小
    btn1->move(95,448); //移动按钮
    btn1->setStyleSheet("background-color:rgb(60,170,245);border-radius:25px;color:white"); //设置按钮颜色，字体颜色
}
MyWidget::~MyWidget()
{
}

头文件

cpp 复制代码

#ifndef MYWIDGET_H
#define MYWIDGET_H

#include <QWidget>
#include <QIcon> //图标类头文件
#include <QLabel> //标签类头文件
#include <QLineEdit> //行编辑器类头文件
#include <QPushButton> //按钮类头文件
class MyWidget : public QWidget
{
    Q_OBJECT

public:
    MyWidget(QWidget *parent = nullptr);
    ~MyWidget();
};
#endif // MYWIDGET_H