QT-基础
自由发挥登录界面的应用场景,实现一个登录窗口的界面。
要求:每行代码都要有注释
#include "mywidget.h"MyWidget::MyWidget(QWidget *parent): QWidget(parent)
{//====================头像 登录 背景 按钮部分=================////重新设置窗口大小this->resize(473,669);//去掉窗口头部 设置纯净窗口this->setWindowFlag(Qt::FramelessWindowHint);QLabel *lab = new QLabel(this);lab->resize(473,669);lab->setStyleSheet("background-color:pink");//用动图的类 Qmovei 实例化一个动态图QMovie *mv = new QMovie("c:\\users\\赵梓恒\\pictures\\fj.gif");//将动图放到标签里lab->setMovie(mv);//让动图动起来mv->start();//自动适应图片大小lab->setScaledContents(true);QPushButton *btn = new QPushButton("登录",this);//设置按钮可用状态btn->setEnabled(true);//按钮起始位置btn->move(49,484);//按钮的大小btn->resize(382,56);//background-color 背景颜色 :blue; boder-readius:5px 按钮边框的倒角 color字体颜色btn->setStyleSheet("background-color:rgb(135,206,250);border-radius:7px;color:white");//创建一个标签QLabel *lab2 = new QLabel(this);//将图片放到标签中lab2->setPixmap(QPixmap("C:\\Users\\赵梓恒\\Pictures\\tx.jpeg"));//设置图片标签的大小lab2->resize(116,116);//图片标签起始位置lab2->move(180,80);//自动适应图片大小lab2->setScaledContents(true);//图片标签倒角成圆形//lab2->setStyleSheet("border-radius: 58px; border: 2px solid white;");QBitmap mask(116, 116);mask.fill(Qt::color0);QPainter painter(&mask);painter.setBrush(Qt::color1);painter.setRenderHint(QPainter::Antialiasing);painter.drawEllipse(0, 0, 116, 116);lab2->setMask(mask);lab2->setStyleSheet("border: 5px solid white;");//===========创建第一个行编辑器==============//QLineEdit *edit1 = new QLineEdit(this);//设置位置edit1->move(48,249);//设置编辑器大小edit1->resize(382,62);//设置父对象edit1->setParent(this);//设置占位 提示edit1->setPlaceholderText("请输入账号/手机/邮箱");//设置编辑器倒角 编辑器颜色edit1->setStyleSheet("background-color:white;;border-radius:5px;border: 2px solid white;");//===========创建第二个行编辑器==============//QLineEdit *edit2 = new QLineEdit(this);//设置位置edit2->move(48,330);//设置编辑器大小edit2->resize(382,62);//设置回显模式edit2->setEchoMode(QLineEdit::Password);//设置占位 提示edit2->setPlaceholderText("请输入密码");//设置编辑器倒角 编辑器颜色edit2->setStyleSheet("background-color:white;border-radius:5px;border: 2px solid white");//===========创建第三个按钮==============//QPushButton *btn3 = new QPushButton("其他登录",this);//设置位置btn3->move(134,604);//设置编辑器大小btn3->resize(93,27);//设置编辑器倒角 编辑器颜色btn3->setStyleSheet("background-color:rgba(0,0,0,0);border-radius:5px;color:white");//===========创建第四个按钮==============//QPushButton *btn4 = new QPushButton("更多选项",this);//设置位置btn4->move(247,604);//设置编辑器大小btn4->resize(93,27);//设置编辑器倒角 编辑器颜色btn4->setStyleSheet("background-color:rgba(0,0,0,0);border-radius:5px;color:white");}MyWidget::~MyWidget()
{
}
效果展示: