个人技术分享

1、思维导图

2、 自由发挥应用场景,实现登录界面。

要求:尽量每行代码都有注释。

头文件:

#ifndef MUSIC1_H
#define MUSIC1_H

#include <QWidget>
#include <QLineEdit>
#include <QPushButton>
#include <QIcon>
#include <QLabel>
class Music1 : public QWidget
{
    Q_OBJECT

public:
    Music1(QWidget *parent = nullptr);
    ~Music1();
};
#endif // MUSIC1_H
源文件:
#include "music1.h"

Music1::Music1(QWidget *parent)
    : QWidget(parent)
{
    //======窗口相关设计========
    this->resize(471,649);
    this->setFixedSize(471,649);
    //窗口标题
    this->setWindowTitle("劣质网易云");
    //窗口图标
    this->setWindowIcon(QIcon("D:\\yans\\color\\pictrue\\liez1.png"));
    //窗口背景颜色
    this->setStyleSheet("background-color:rgb(27,27,36)");
    //去掉头部
    this->setWindowFlag(Qt::FramelessWindowHint);

    //=======标签类设计=======
    QLabel *lab = new QLabel(this);
    lab->move(125,100);
    lab->resize(218,48);
    //设置图片
    lab->setPixmap(QPixmap("D:\\yans\\color\\pictrue\\liez2.png"));
    //让图片自适应
    lab->setScaledContents(true);

    //=======行编辑器类设计=======
    QLineEdit *edit1=new QLineEdit(this);
    edit1->resize(376,48);
    edit1->move(49,181);
    edit1->setPlaceholderText("请输入手机号码");

    QLineEdit *edit2=new QLineEdit(this);
    edit2->resize(376,48);
    edit2->move(49,249);
    edit2->setPlaceholderText("请输入密码");
    edit2->setEchoMode(QLineEdit::Password);

    //======按钮类设计=======
    QPushButton *btn=new QPushButton("登录",this);
    btn->resize(376,51);
    btn->move(49,368);
    //样式函数setStyleSheet()
    btn->setStyleSheet("background-color:rgb(228,37,78);border-radius:25px;color:white");

}

Music1::~Music1()
{
}