一、思维导图
二、登录窗口界面
自由发挥登录窗口的应用场景,实现一个登录窗口界面
要求:每行代码都有注释
【需要用到的图片或者动图,自己去网上找】
#include "mywidget.h"MyWidget::MyWidget(QWidget *parent): QWidget(parent)
{/***********主窗口初始化***********/this->setWindowTitle("原神启动"); //设置窗口标题this->setWindowIcon(QIcon("D:/[Pic]/iconfont/OIP-C.ico")); //设置窗口图标this->setStyleSheet("background-color: white"); //设置背景颜色-白this->resize(1920, 1080); //重设窗口大小(1920×1080)this->setFixedSize(1920, 1080); //固定窗口大小this->setWindowFlag(Qt::FramelessWindowHint); //设置纯净窗口,去掉标题栏/***********添加标签***********/QLabel *lab1 = new QLabel(this); //新建标签1lab1->resize(1920, 1080); //设置标签大小(覆盖整个窗口)lab1->setStyleSheet("background-color: white"); //设置标签背景颜色-白
// lab1->setPixmap(QPixmap("D:/QT/project/QT/test/Alice.jpg")); //设置背景图片//实例化一个动图指针QMovie *mv = new QMovie("D:/QT/project/QT/test/Genshin.gif");//动图设置到标签中lab1->setMovie(mv);mv->start(); //启动!lab1->setScaledContents(true); //令动图自动适应lab大小QLabel *lab2 = new QLabel(this); //新建标签2lab2->resize(680, 620); //设置标签大小lab2->setStyleSheet("background-color: white"); //设置标签背景颜色-白lab2->move(620, 215); //移动标签位置QLabel *lab3 = new QLabel(this); //新建标签3lab3->resize(195, 70); //设置标签大小lab3->setStyleSheet("background-color: white"); //设置标签背景颜色-白lab3->move(862, 260); //移动标签位置lab3->setPixmap(QPixmap("D:/QT/project/QT/test/mihoyo.jpg")); //设置背景图片lab3->setScaledContents(true); //令图片自动适应lab大小/***********添加行编辑器***********/QLineEdit *edit1 = new QLineEdit(this); //新建行编辑器1edit1->move(668, 370); //移动edit1->resize(585, 75); //设置尺寸edit1->setPlaceholderText("输入手机号/邮箱"); //设置占位QLineEdit *edit2 = new QLineEdit(this); //新建行编辑器2edit2->move(668, 478); //移动edit2->resize(585, 75); //设置尺寸edit2->setPlaceholderText("输入密码"); //设置占位edit2->setEchoMode(QLineEdit::Password); //设置显示模式-password/***********添加按钮***********/QPushButton *btn1 = new QPushButton("进入游戏", this); //新建按钮1//设置按钮背景颜色、字体颜色、倒角btn1->setStyleSheet("background-color:rgb(58,59,64);\color:rgb(242,239,187);\border-radius:5px");btn1->move(668, 640); //移动btn1->resize(585, 75); //设置按钮1尺寸QPushButton *btn2 = new QPushButton(this); //新建按钮2btn2->setIcon(QIcon("D:/QT/project/QT/test/x.png")); //设置图标btn2->move(1235, 245); //移动btn2->setStyleSheet("border-radius:1px"); //设置按钮倒角btn2->resize(35, 35); //设置按钮2尺寸}MyWidget::~MyWidget()
{
}
效果图: