QT登录界面设计

最新推荐文章于 2024-10-08 19:05:58 发布

mid_summer_lzp

最新推荐文章于 2024-10-08 19:05:58 发布

阅读量559

点赞数

分类专栏： qt 文章标签： qt ui 开发语言

本文链接：https://blog.csdn.net/mid_summer_lzp/article/details/129976737

版权

本文介绍如何使用QT进行登录界面的设计，包括设置窗口标题、图标、固定尺寸，以及在界面中放置LOGO图片。用户输入的账户以明文显示，密码以密文模式输入。点击登录按钮后，程序会对比输入的用户名和'admin'，密码和'123456'，匹配成功则显示登录成功，否则提示错误并清空密码框。点击取消按钮则关闭整个界面。

摘要由CSDN通过智能技术生成

要求：
1、给窗体改变名称并设置窗口图标、尺寸固定
2、中间放log图
3、用户名和密码使用图片完成
4、账户用明文模式，密码用密文模式
5、点击登录后，将界面上的用户名和“admin”比较，密码和“123456”比较，如果匹配成功，则输出登录成功，如果匹配失败，则输出“账户密码不匹配”，并清空密码框（clear）
6、点击取消后，关闭整个界面

//widget.cpp
#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
   
    ui->setupUi(this);
    //设置固定大小
    this->setFixedSize(650,450);
    //改变窗体名称
    this->setWindowTitle("客户端");
    //设置窗口图标
    this->setWindowIcon(QIcon("D:\\c++&qt\\QT\\day2\\WindowsIcon\\icon\\logo.png"));
    //上半部分背景颜色
    QLabel *lab2 = new QLabel(this);
    lab2->setFixedSize(650, 225);
    lab2->setAutoFillBackground(true); // 开启自动填充背景色功能
    QLinearGradient gradient(0, 0, 650, 225);
    gradient.setColorAt(0.0, QColor(157, 116, 178)); // 渐变起始颜色为红色
    gradient.setColorAt(0.5, QColor(99, 102, 178)); // 渐变中间颜色为黄色
    gradient.setColorAt(1.0, QColor(95, 168, 178)); // 渐变结束颜色为绿色
    QBrush brush(gradient);
    QPalette palette;
    palette.setBrush(QPalette::Background, brush);
    lab2->setPalette(palette);
    //中央logo
    QLabel *lab = new QLabel;
    lab->setPixmap(QPixmap("D:\\c++&qt\\QT\\day2\\WindowsIcon\\icon\\1.png"));
    lab->setParent(this);
    lab->resize(125,125);
    lab->setScaledContents(true);//设置组件内容自适应
    lab->move(250,100);
    //用户名logo
    QLabel *lab_username = new QLabel(this);
    lab_username->setPixmap(QPixmap("D:\\c++&qt\\QT\\day2\\WindowsIcon\\icon\\userName.jpg"));
    lab_username->resize(50,50);
    lab_username->setSca