一、思维导图 

二、作业：实现登录界面 

#include "widget.h"
#include<QDebug>
#include<QIcon>


Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    /**********************窗口******************/
    //设置窗口图标
    this->setWindowTitle("王者荣耀");

    qDebug() << this->size();//窗口的宽和高

    this->resize(1060,450);//重新设置窗口大小

    //设置窗口图标
    this->setWindowIcon(QIcon("C:\\Users\\Administrator\\Desktop\\R-C (1).png"));

    //设置窗口背景颜色
    this->setStyleSheet("background-color:black");

    //设置窗口透明度
    this->setWindowOpacity(0.9);



    /***************************标签*****************************************/

    //    //创建第一个label(文本)
    //    QLabel *labl1 = new QLabel;
    //    labl1->setParent(this);
    //    labl1->setText("我是一个标签");
    //    labl1->resize(200,100);
    //    labl1->setStyleSheet("background-color:red");//背景颜色

    //创建第一个标签lable(图片)
    QLabel *labl2 = new QLabel(this);
    labl2->move(0,0);
    labl2->resize(1060,450);//重新设置大小
    //    //设置图片(加载动态图片要加头文件图片)
    //    labl2->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\R-C.gif"));

    //创建第一个标签lable(动态图)
    QMovie *mv = new QMovie("C:\\Users\\Administrator\\Desktop\\R-C.gif");
    labl2->setMovie(mv);
    mv->start();
    //让图片自动使用标签
    labl2->setScaledContents(true);


    //创建第二个标签lable(图片)
    QLabel *labl3 = new QLabel(this);
    labl3->move(395,200);
    labl3->resize(24,27);//重新设置大小
    //设置图片
    labl3->setPixmap(QPixmap("C:\\Users\\Administrator\\AppData\\Local\\Temp\\32895c64-1a31-44d3-bd40-68e27d10cbc1_pictrue.zip.bc1\\pictrue\\passwd.jpg"));
    //让图片自动使用标签
    labl3->setScaledContents(true);


    //创建第三个标签lable(图片)
    QLabel *labl4= new QLabel(this);
    labl4->move(395,250);
    labl4->resize(24,27);//重新设置大小
    //设置图片
    labl4->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\userName.jpg"));
    //让图片自动使用标签
    labl4->setScaledContents(true);



//    //创建第四个标签lable(图片)
//    QLabel *labl5= new QLabel(this);
//    labl5->move(456,110);
//    labl5->resize(50,50);//重新设置大小
//    //设置图片
//    labl5->setPixmap(QPixmap("C:\\Users\\Administrator\\Desktop\\QQ图片20231016165524.jpg"));
//    //让图片自动使用标签
//    labl5->setScaledContents(true);
    /**********************搭建按钮******************/

    //创建第一个按钮
    QPushButton *btn1 = new QPushButton;//自动调用无参构造函数
    btn1->setText("游客登录");//设置按钮文本
    //btn1->show();===>错

    btn1->setParent(this);//指定父对象（父组件），可以依赖父对象显示
    btn1->setStyleSheet("background-color:pink");//设置按钮颜色
    btn1->setIcon(QIcon("C:\\Users\\Administrator\\Desktop\\be0dd4eae5d247cff6730af04eae0d79.jpg"));






    //btn1->setEnabled(false)//设置按钮为不可用状态

    btn1->move(200,300);

    //创建第二个按钮
    QPushButton *btn2=new QPushButton(this);
    btn2->setText("微信登录");
    btn2->move(430,300);
    btn2->setStyleSheet("background-color:rgb(84,179,55);border-redius:8");//设置按钮颜色//设置角和颜色

    btn2->setIcon(QIcon("C:\\Users\\Administrator\\Desktop\\7-140223103130591.png"));

    //创建第三个按钮
    QPushButton *btn3=new QPushButton("QQ登录",this);
    btn3->move(660,300);
    btn3->setStyleSheet("background-color:rgb(214,82,245);border-redius:8");//设置按钮颜色
    btn3->setIcon(QIcon("C:\\Users\\Administrator\\Desktop\\qq.png"));

    //设置按钮大小
    //btn4->resize(100,50);
    /*****************************行编辑器*********************(输入账号和密码)*/
    //创建一个行编辑器
//    QLineEdit *ed1 = new QLineEdit;//无参构造
//    ed1->setParent(this);
//    ed1->move(470,200);
//    ed1->setEchoMode(QLineEdit::Password);//密码设置不可见
//    ed1->setStyleSheet("background-color:white");//设置按钮颜色

    //创建第一个行编辑器
    QLineEdit *ed1 = new QLineEdit(this);
    ed1->move(420,200);
    ed1->setPlaceholderText("Account: ");//账户
    ed1->setEchoMode(QLineEdit::Password);//密码设置不可见
    ed1->setStyleSheet("background-color:white");//设置按钮颜色
    //创建第二个行编辑器
    QLineEdit *ed2 = new QLineEdit(this);
    ed2->move(420,250);
    ed2->setPlaceholderText("password: ");//密码
    ed2->setEchoMode(QLineEdit::Password);//密码设置不可见
    ed2->setStyleSheet("background-color:white");//设置按钮颜色








}

Widget::~Widget()
{
}

效果图：