Qt-ui界面

题目:登录界面 升级优化

如果点击登录按钮,则通过信号和槽的连接,实现判断用户输入的账户和密码是否正确(账号:admin,密码123456),如果正确,则在终端输出登录成功,且关闭当前界面。如果账号或密码错误,则在终端输出登录失败,且账号和密码输入框清空。

代码:

cpp 复制代码
#include "widget.h"
#include "ui_widget.h"


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


    //设置图片
    ui->touxiang_lab->setPixmap(QPixmap(":/pictrue/lan'se.jpg"));
    ui->touxiang_lab->setScaledContents(true);
    ui->logo_lab->setPixmap(QPixmap(":/pictrue/fj.gif"));
    ui->logo_lab->setScaledContents(true);
    //用动图的类 Qmovei 实例化一个动态图
    QMovie *mv = new QMovie(":/pictrue/fj.gif");
    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);
        ui->touxiang_lab->setMask(mask);
        ui->touxiang_lab->setStyleSheet("border: 2px solid white;");


    //将动图放到标签里
    ui->logo_lab->setMovie(mv);
    //让动图动起来
    mv->start();
    //自动适应图片大小
    ui->logo_lab->setScaledContents(true);


    ui->userNameEdit->setPlaceholderText("手机/账号/邮箱");
    //设置编辑器倒角  编辑器颜色
    ui->userNameEdit->setStyleSheet("border-radius:10px;border: 2px solid white;");
    ui->passwordEdit->setPlaceholderText("密码");
    ui->passwordEdit->setStyleSheet("border-radius:10px;border: 2px solid white;");




    ui->passwordEdit->setEchoMode(QLineEdit::Password);


    //ui->uersName_lab->setPixmap(QPixmap(":/pictrue/userName.jpg"));
    //ui->uersName_lab->setScaledContents(true);


    //ui->password_lab->setPixmap(QPixmap(":/pictrue/userName.jpg"));
    //ui->password_lab->setScaledContents(true);

    //去掉窗口头部 设置纯净窗口
    //去掉窗口头部 设置纯净窗口
    this->setWindowFlag(Qt::FramelessWindowHint);

}


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




void Widget::on_btn1_clicked()
{
    //获取输入的账号和密码
    QString username = ui->userNameEdit->text();
    QString password = ui->passwordEdit->text();

    if(username == "admin" && password == "123456")
    {
        qDebug() << "登陆成功";
        //关闭页面
        this->close();
    }
    else
    {
        //清空文本编辑器中的内容
        ui->passwordEdit->clear();
        ui->userNameEdit->clear();
        qDebug() << "账号或者密码错误重新登陆";
    }





}

效果展示:

相关推荐
laowangpython3 天前
Photoshop 2025 下载安装全攻略
其他·ui·photoshop
风华圆舞3 天前
Flutter + 鸿蒙 Intents Kit:页面直达能力的完整接入方案
flutter·ui·华为·harmonyos
鲲穹AI超级员工3 天前
多款实用配色工具汇总,适配设计、UI 创作等多元场景
ui·色彩设计
UXbot3 天前
帮助企业低门槛开展AI应用开发的平台推荐
前端·低代码·ui·交互·产品经理·原型模式·web app
烂白菜3 天前
智码美形:华为云码道 × UI-UX-Pro-Max 高品质界面智能生成实践
ui·华为云·ux
像风一样的男人@3 天前
python --实现代理服务器
git·ui
风华圆舞3 天前
鸿蒙 Flutter 页面怎么感知防窥状态并调整 UI 可见性
flutter·ui·harmonyos
UXbot4 天前
如何选择适合公司项目的UI设计工具?企业选型指南
前端·低代码·ui·团队开发·原型模式·设计规范·web app
UXbot4 天前
原型设计工具如何帮助新人快速进入产品行业?
前端·低代码·ui·交互·团队开发·原型模式·web app
烈焰晴天4 天前
Codex 桌面端如何链接Figma MCP 服务器拿到 Figma设计稿精准尺寸等结构化数据 来精准还原UI
服务器·ui·figma