Qt 手把手教你实现漂亮的登录界面_qt登录键设置背景(1)

最新推荐文章于 2024-06-17 19:19:43 发布

2401_85013615

最新推荐文章于 2024-06-17 19:19:43 发布

阅读量340

点赞数 4

分类专栏： 2024年程序员学习文章标签：物联网嵌入式硬件面试

本文链接：https://blog.csdn.net/2401_85013615/article/details/138987975

版权

2024年程序员学习专栏收录该内容

31 篇文章 1 订阅

订阅专栏

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。

如果你需要这些资料，可以戳这里获取

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

#ifndef WIDGET\_H
#define WIDGET\_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget \*parent = nullptr);
    ~Widget();

private slots:
    void on\_toolButton\_clicked();

    void on\_toolButton\_2\_clicked();

private:
    Ui::Widget \*ui;
};
#endif // WIDGET\_H

main.cpp

#include "widget.h"

#include <QApplication>

int main(int argc, char \*argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    return a.exec();
}

widget.cpp

#include "widget.h"
#include "ui\_widget.h"

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

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

//核心代码就这几行
void Widget::on\_toolButton\_clicked()
{
    close();
}

void Widget::on\_toolButton\_2\_clicked()
{
    showMinimized();
}

调整画布到合适大小
在这里插入图片描述
展示如下:

这个时候我们还需要把Widget自带的上边框去掉，并且去掉背景。

第四步、隐藏widget窗口边框和背景

widget.cpp文件中添加如下两句代码即可。

Widget::Widget(QWidget \*parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //去窗口边框
        setWindowFlags(Qt::FramelessWindowHint | windowFlags());

    //把窗口背景设置为透明;
        setAttribute(Qt::WA_TranslucentBackground);
}

第五步、实现界面可移动

需要添加一个鼠标移动和鼠标按下事件。以*e来获取鼠标移动或按下。
main.cpp

#include "widget.h"

#include <QApplication>

int main(int argc, char \*argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    return a.exec();
}

widget.h

#ifndef WIDGET\_H
#define WIDGET\_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget \*parent = nullptr);
    ~Widget();

protected:

    void mouseMoveEvent(QMouseEvent \*e);//鼠标移动
    void mousePressEvent(QMouseEvent \*e);//鼠标按下移动

private slots:
    void on\_close\_clicked();

    void on\_minimized\_clicked();


private:
    Ui::Widget \*ui;

     QPoint p;
};
#endif // WIDGET\_H

widget.cpp

#include "widget.h"
#include "ui\_widget.h"
#include <QPainter>
#include <QMouseEvent>


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

    //去窗口边框
        setWindowFlags(Qt::FramelessWindowHint | windowFlags());

    //把窗口背景设置为透明;
        setAttribute(Qt::WA_TranslucentBackground);

}

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


void Widget::mousePressEvent(QMouseEvent \*e)
{
    if(e->button() == Qt::LeftButton)
    {
        //求坐标差值
        //当前点击坐标-窗口左上角坐标
        p = e->globalPos() - this->frameGeometry().topLeft();
    }
}

void Widget::mouseMoveEvent(QMouseEvent \*e)
{
    if(e->buttons() & Qt::LeftButton)
    {
        //移到左上角
        move(e->globalPos() - p);
    }

}

void Widget::on\_close\_clicked()
{
    close();
}
void Widget::on\_minimized\_clicked()
{
    showMinimized();
}

打完收工！

参考：
https://www.bilibili.com/video/BV1gb411W7WE?p=2

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。