QtQt使用Mask(遮罩)实现异形按钮

相关资料：

 https://download.csdn.net/download/zhujianqiangqq/74091443      CSDN代码包下载

实例代码：

.pro

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    main.cpp \
    mainwindow.cpp

HEADERS += \
    mainwindow.h

FORMS += \
    mainwindow.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

RESOURCES += \
    testQtsetMask.qrc

main.cpp

#include "mainwindow.h"

#include <QApplication>

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

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QPixmap>
#include <QBitmap>
#include <QPushButton>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
private slots:
    void on_pushButton_up_clicked();

    void on_pushButton_right_clicked();

    void on_pushButton_down_clicked();

    void on_pushButton_left_clicked();

    void on_pushButton_cup_clicked();

    void on_pushButton_cdown_clicked();

private:
    void setButtonMask(QPushButton *buttonObj, QString pngFile, QString styleQSS);

private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    setWindowTitle(QStringLiteral("Qt使用Mask实现异形按钮"));

    const QString C_ButtonQSSUp = "QPushButton{background-color: transparent; background-image: url(:/new/image/Up1.png);}"
                                "QPushButton:hover{background-color: transparent; background-image: url(:/new/image/Up2.png);}"
                                "QPushButton:pressed{background-color: transparent; background-image: url(:/new/image/Up3.png);}";

    const QString C_ButtonQSSDown = "QPushButton{background-color: transparent; background-image: url(:/new/image/Down1.png);}"
                                "QPushButton:hover{background-color: transparent; background-image: url(:/new/image/Down2.png);}"
                                "QPushButton:pressed{background-color: transparent; background-image: url(:/new/image/Down3.png);}";

    const QString C_ButtonQSSLeft = "QPushButton{background-color: transparent; background-image: url(:/new/image/Left1.png);}"
                                "QPushButton:hover{background-color: transparent; background-image: url(:/new/image/Left2.png);}"
                                "QPushButton:pressed{background-color: transparent; background-image: url(:/new/image/Left3.png);}";

    const QString C_ButtonQSSRight = "QPushButton{background-color: transparent; background-image: url(:/new/image/Right1.png);}"
                                "QPushButton:hover{background-color: transparent; background-image: url(:/new/image/Right2.png);}"
                                "QPushButton:pressed{background-color: transparent; background-image: url(:/new/image/Right3.png);}";

    const QString C_ButtonQSSCUp = "QPushButton{background-color: transparent; background-image: url(:/new/image/CUp1.png);}"
                                "QPushButton:hover{background-color: transparent; background-image: url(:/new/image/CUp2.png);}"
                                "QPushButton:pressed{background-color: transparent; background-image: url(:/new/image/CUp3.png);}";

    const QString C_ButtonQSSCDown = "QPushButton{background-color: transparent; background-image: url(:/new/image/CDown1.png);}"
                                "QPushButton:hover{background-color: transparent; background-image: url(:/new/image/CDown2.png);}"
                                "QPushButton:pressed{background-color: transparent; background-image: url(:/new/image/CDown3.png);}";

    setButtonMask(ui->pushButton_up, ":/new/image/Up1.png", C_ButtonQSSUp);
    setButtonMask(ui->pushButton_down, ":/new/image/Down1.png", C_ButtonQSSDown);
    setButtonMask(ui->pushButton_left, ":/new/image/Left1.png", C_ButtonQSSLeft);
    setButtonMask(ui->pushButton_right, ":/new/image/Right1.png", C_ButtonQSSRight);

    setButtonMask(ui->pushButton_cup, ":/new/image/CUp1.png", C_ButtonQSSCUp);
    setButtonMask(ui->pushButton_cdown, ":/new/image/CDown1.png", C_ButtonQSSCDown);
}

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

void MainWindow::setButtonMask(QPushButton *buttonObj, QString pngFile, QString styleQSS)
{
    //异形按钮
    QPixmap btnImg;
    btnImg.load(pngFile);
    buttonObj->resize(btnImg.size());
    buttonObj->setMask(btnImg.mask());
    buttonObj->setStyleSheet(styleQSS);
}

void MainWindow::on_pushButton_up_clicked()
{
    ui->textEdit->append("up");
}

void MainWindow::on_pushButton_right_clicked()
{
    ui->textEdit->append("right");
}

void MainWindow::on_pushButton_down_clicked()
{
    ui->textEdit->append("down");
}

void MainWindow::on_pushButton_left_clicked()
{
    ui->textEdit->append("left");
}

void MainWindow::on_pushButton_cup_clicked()
{
    ui->textEdit->append("cup");
}

void MainWindow::on_pushButton_cdown_clicked()
{
    ui->textEdit->append("cdown");
}