QT_day2:2024/3/21

news2024/11/15 15:40:56

作业1：使用QT完成一个登录界面

要求：

1. 需要使用Ui界面文件进行界面设计

2. ui界面上的组件相关设置，通过代码实现

3. 需要添加适当的动图

源代码：

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //设置头部标题和图标
    this->setWindowTitle("Soul");
    this->setWindowIcon(QIcon(":/pictrue/953-facec12764eb32438f3b52424fd1ec21.jpg"));

    //放置动图
    QMovie *mv = new QMovie(":/pictrue/R-C.gif");
    ui->logolab->setMovie(mv);
    //让图片自适应
    ui->logolab->setScaledContents(true);
    //让动图动起来
    mv->start();

    //设置账号图标
    ui->userNamelab->setPixmap(QPixmap(":/pictrue/d9f4299fead1875cc39adb59002f653d.jpg"));
    //让图标自适应
    ui->userNamelab->setScaledContents(true);
    ui->userNameedit->setPlaceholderText("用户名/手机号/邮箱");

    //设置密码图标
    ui->passwdlab->setPixmap(QPixmap(":/pictrue/91794b5bb986a4ae314622d0a41e310d.jpg"));
    ui->passwdlab->setScaledContents(true);
    ui->passwdedit->setEchoMode(QLineEdit::Password);
    ui->passwdedit->setPlaceholderText("密码");

    ui->newlab->setPixmap(QPixmap(":/pictrue/bf99cfe7c7b0eaa45edd7168ba27ad92.png"));
    ui->newlab->setStyleSheet("m_grey_SheetStyle");
    ui->newlab->setScaledContents(true);



}

Widget::~Widget()
{
    delete ui;
}

效果图：