Qt 实现不规则的部件或者窗口

news2025/1/13 13:07:09

1、实现不规则的部件
1.1 工程目录
在这里插入图片描述
1.2 界面实现

1.3 widget.cpp

#include "widget.h"
#include <QPixmap>
#include <QBitmap>
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    
    ui->label->setFixedSize(105,74);// dog.png 图片的宽高
    QPixmap pixmap(":/images/dog.png");// dog.png 一定是没有背景（背景透明）的图片
    ui->label->setPixmap(pixmap);
    ui->label->setMask(pixmap.mask());// 为 label 部件设置遮罩
}

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

1.4 图片一定是没有背景（背景透明）的图片，如下图
请添加图片描述

1.5 运行效果：标签部件显示成了图片的形状
在这里插入图片描述
2、实现不规则的窗口
2.1 工程目录

2.2 界面实现

2.3 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();
    
private:
    Ui::Widget *ui;
protected:
    /**
     * @brief 在 widget 上绘制图片
     */
    void paintEvent(QPaintEvent *event) override;
    /**
     * @brief 点击 widget 关闭窗口
     */
    void mousePressEvent(QMouseEvent *event) override;
};
#endif // WIDGET_H

2.4 widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include <QPixmap>
#include <QBitmap>
#include <QPainter>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    
    QPixmap pixmap(":/images/dog.png");
    /**
      因为 QWidget 不能像 QLabel 那样直接给部件添加图片，所以要使用 paintEvent 方法在 QWidget 上绘制
      **/
    this->resize(pixmap.size());// 设置窗口大小为图片大小
    this->setMask(pixmap.mask());// 为窗口设置遮罩
}

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

/**
 * @brief 在 widget 上绘制图片
 */
void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.drawPixmap(0,0,QPixmap(":/images/dog.png"));
}

/**
 * @brief 点击 widget 关闭窗口
 */
void Widget::mousePressEvent(QMouseEvent *event)
{
    this->close();
}