1>思维导图
2>自由发挥登录窗口的应用场景,实现一个登录窗口界面
要求:每行代码都有注释
#include "mywidget.h"
MyWidget::MyWidget(QWidget *parent)
: QWidget(parent)
{
//设置纯净窗口,去掉头部
this->setWindowFlag(Qt::FramelessWindowHint);
//设置窗口的大小
this->resize(536,410);
//设置颜色
//this->setStyleSheet("background-color:rgb(255,255,255)");
//创建一个标签 存放动图
QLabel *lab1 = new QLabel(this);
//设置大小
lab1->resize(536,156);
//实例化一个动图指针
QMovie *mv = new QMovie("D:/QTpictures/pictrue/zz.gif");
lab1->setMovie(mv);
//让动图动起来
mv->start();
//设置图片自动适应
lab1->setScaledContents(true);
//创建一个标签存放用户账号的图标
QLabel * lab2 = new QLabel(this);
//设置大小
lab2->resize(20,20);
//移动到合适的位置
lab2->move(123,216);
//设置图片
lab2->setPixmap(QPixmap("D:\\QTpictures\\pictrue\\userName.jpg"));
//让图片自适应
lab2->setScaledContents(true);
//创建一个标签存放用户密码的图标
QLabel * lab3 = new QLabel(this);
//设置大小
lab3->resize(20,20);
//移动到合适的位置
lab3->move(123,256);
//设置图片
lab3->setPixmap(QPixmap("D:/QTpictures/pictrue/passwd.jpg"));
//让图片自适应
lab3->setScaledContents(true);
//创建一个用于输入账号的行编辑器
QLineEdit *edit1 = new QLineEdit(this);
//设置占位
edit1->setPlaceholderText("QQ号码/手机/邮箱");
//移动
edit1->move(150,206);
edit1->resize(270,37);
//创建一个用于输入密码的行编辑器
QLineEdit *edit2 = new QLineEdit(this);
//设置占位
edit2->setPlaceholderText("密码");
//移动
edit2->move(150,246);
edit2->resize(270,37);
//设置密码显示样式
edit2->setEchoMode(QLineEdit::Password);
//创建一个登录按钮
QPushButton *bth1 = new QPushButton("登录",this);
//移动
bth1->move(123,316);
bth1->resize(297,45);
bth1->setStyleSheet("background-color:rgb(7,188,252);color:white;bordet-radius:5px");
}
MyWidget::~MyWidget()
{
}
运行结果