day1 QT (创建一个QQ登录界面)

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

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QDebug> //包含信息调试类头文件
#include <QIcon>
#include <QPushButton>
#include <QLabel>
#include <QLineEdit>
QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT
public:
    void do_login();
public:
    Widget(QWidget *parent = nullptr);
    ~Widget();


private:
    Ui::Widget *ui;
    QLineEdit *edt1;//用户所对应的编辑器
    QLineEdit *edt2;//密码所对应的编辑器
};
#endif // WIDGET_H

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //------------给窗体改变名称并设置窗口图标、尺寸固定----------
    //设置窗口的尺寸
    this->setFixedSize(543,409);
    //设置窗口标题
    this->setWindowTitle("QQ");
    //设置窗口图标
    this->setWindowIcon(QIcon("C:/QT test/day1/qq.png"));
    //设置背景色
    this->setStyleSheet("background-color:rgb(253,253,150)");


    //---------中间放log图---------------------
    //定义一个标签
    QLabel *lab1 = new QLabel;
    lab1->setParent(this);
    //lab1->move(0,10);
    lab1->resize(543,160);
    lab1->setPixmap(QPixmap("C:/QT test/day1/qq01.png"));
    lab1->setScaledContents(true);//设置组件内容自适应
    //---------------账户密码及其logo-------------
    QLabel *lab2 = new QLabel("账户",this);
    lab2->move(188,200);
    qDebug() << lab2->size();
    lab2->resize(100,40);
    QLabel *lab2_1 = new QLabel;
    lab2_1->setParent(this);
    lab2_1->setPixmap(QPixmap("C:/QT test/day1/zhanghu.png"));
    lab2_1->move(160,210);
    lab2_1->resize(20,18);
    lab2_1->setScaledContents(true);//设置组件内容自适应
    QLabel *lab3 = new QLabel("密码",this);
    lab3->move(188,230);
    qDebug() << lab3->size();
    lab3->resize(100,40);
    QLabel *lab3_1 = new QLabel;
    lab3_1->setParent(this);
    lab3_1->setPixmap(QPixmap("C:/QT test/day1/mima.png"));
    lab3_1->move(160,240);
    lab3_1->resize(20,18);
    lab3_1->setScaledContents(true);//设置组件内容自适应
    //----------------账户密码的编辑框------------
    //定义一个行编辑器,实例化对象时使用无参构造
    edt1 = new QLineEdit;//账户所对应的编辑器
    edt1->setParent(this);
    edt1->move(230,200);
    edt1->resize(200,30);


    //定义一个行编辑器,实例化对象时使用无参构造
    edt2 = new QLineEdit;//密码所对应的编辑器
    edt2->setParent(this);
    edt2->move(230,240);
    edt2->resize(200,30);
    edt2->setEchoMode(QLineEdit::Password);//设置回显模式为密码
    //----------设置按钮---------------------------
    //定义一个按钮,实例化对象时同时指定父组件及其文本内容
    QPushButton *btn1 = new QPushButton("登录",this);
    btn1->move(300,300);
    //定义一个按钮,实例化对象时同时指定父组件及其文本内容
    QPushButton *btn2 = new QPushButton("取消",this);
    btn2->move(400,300);
    //将登录按钮与do_login()函数“连接”
   connect(btn1,&QPushButton::clicked,this,&Widget::do_login);
   //connect(btn2,&QPushButton::clicked,this,this->close());
   connect(btn2,&QPushButton::clicked,this,[&](){
       this->close();
   });
}

Widget::~Widget()
{
    delete ui;
}
void Widget::do_login()
{
    if(edt1->text() == "admine" && edt2->text() == "123456")
    {
        qDebug() << "登录成功";
    }
    else
    {
        qDebug() << "账户密码不匹配";
    }
}

结果图:
在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Qt中,可以通过修改UI界面的分辨率来实现缩小。如果你想要缩小Qt中的UI界面,可以尝试以下方法: 1. 打开Qt Designer,选择你想要缩小的UI界面。 2. 在Qt Designer中,你可以找到各种UI界面组件,并设置它们的属性。通过修改组件的大小和位置,你可以实现缩小UI界面的效果。 3. 如果在运行时显示的界面与UI设计界面不一致,可能是因为显示屏的分辨率过高所导致的。你可以尝试降低显示屏的分辨率来解决这个问题。 4. 在项目目录下执行命令"uic mainwindow.ui > ui_mainwindow.h",其中mainwindow.ui是更新的UI界面文件,mainwindow.h是程序需要用到的.h文件。执行这个命令后,你将可以在代码中使用ui_mainwindow.h文件中定义的UI界面。 通过以上方法,你可以在Qt中缩小UI界面。记住,UI界面的缩小是通过修改组件的大小和位置来实现的,并且可能需要调整显示屏的分辨率来保持一致。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [QT之UI界面设计与窗口显示不一致](https://blog.csdn.net/baidu_39231810/article/details/118731260)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Python Qt GUI设计:UI界面可视化组件、属性概述(基础篇—4)](https://blog.csdn.net/m0_38106923/article/details/120116318)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kei歪歪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值