QT-QT button以及label实现不规则图形（五种方法：使用QSS，设置Mask图片，自己画）

.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QWebEngineView>
#include "qlayout.h"
#include "qpushbutton.h"
#include "QMouseEvent"

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class CMyButton;

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

    QWebEngineView    *view;
    QHBoxLayout *hl;
    QPushButton *m_bu;
private slots:
    void on_bu();
private:
    char* setstr(char *s);
private:
    Ui::MainWindow *ui;
    QPixmap pixmapToShow;
    QPixmap pixmapToShow2;
    QPixmap pixmapToShow3;
};

class CImageButton : public QPushButton
{
    Q_OBJECT

public:
    CImageButton(QWidget *parent);
    ~CImageButton();
    void SetPixmap(QPixmap* pNormal,QPixmap* pHover,QPixmap* pLighted);
    void SetLighted(bool value);
public:
    void paintEvent(QPaintEvent* pEvent);
    void mousePressEvent(QMouseEvent *e);
    void mouseReleaseEvent(QMouseEvent *e);
    void enterEvent(QEvent *e);
    void leaveEvent(QEvent *e);
protected:
    bool m_bLighted;
    bool m_bMouseIN;
    bool m_bLeftDown;
    QPixmap* m_pHover;
    QPixmap* m_pNormal;
    QPixmap* m_pLighted;
};

class CMyButton : public QPushButton
{
public:
    CMyButton(QWidget *parent);
    ~CMyButton();
public:
    void paintEvent(QPaintEvent *pEvent) override;

};


#endif // MAINWINDOW_H

.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "qdialog.h"
#include "qdir.h"
#include "qlabel.h"
#include "qbitmap.h"
#include "tchar.h"



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

    //水平布局
    hl = new QHBoxLayout;
    QPixmap pixmap(":/new/a/im/1.png");
    QPixmap pixmap2(":/new/a/im/A1.bmp");
    QPushButton *m_pPushButton = new QPushButton;
    //Qt设置QPushButton文字加图片
    //https://blog.csdn.net/wzz953200463/article/details/100637126
    //方法一：
    //m_pPushButton->setStyleSheet("qproperty-icon: url(C:/Users/zhujq-a/Desktop/QT/2/untitled/im/1.png);");
    //m_pPushButton->setText("清理");
    //方法二：
    //m_pPushButton->setIcon(QPixmap("C:/Users/zhujq-a/Desktop/QT/2/untitled/im/1.png"));
    //m_pPushButton->setText("清理");

    //QT中setMask()的图片设置
    /**************************************************/
    //https://blog.csdn.net/qq_35674193/article/details/79329954
    //首先设置一张主图，就是你要显示的图片，然后准备一张遮掩图，用QBitmap类型，
    //遮掩图中
    //1.黑色区域表示显示的部分，
    //2.白色区域表示不显示部分
    /**************************************************/
    //QT button以及label实现不规则图形（五种方法：使用QSS，设置Mask图片，自己画）
    //方法1：
    //m_pPushButton->setStyleSheet("QPushButton{border:0px;}");//这句务必加上，否则看到的就是矩形了，而不是不规则图形了
    //m_pPushButton->setText("中文");
    //m_pPushButton->setIcon(QPixmap(":/new/a/im/1.png"));
    //m_pPushButton->setIconSize(QPixmap(":/new/a/im/1.png").size());
    //m_pPushButton->resize(QPixmap("::/new/a/im/1.png").size());
    //可以显示不规则图片，但是没有鼠标经过，按下效果。
    //PS:图片在左，文字在右。
    //方法2：
    //m_pPushButton->setFixedSize(QPixmap(":/new/a/im/1.png").size());
    //m_pPushButton->setStyleSheet("border-image:url(:/new/a/im/1.png)");
    //m_pPushButton->setText("中文");
    //可以显示不规则图片，但是没有鼠标经过，按下效果。
    //PS:图片、文字重叠。
    //方法3：
    //m_pPushButton->setFixedSize(QPixmap(":/new/a/im/1.png").size());
    //m_pPushButton->setIcon(QPixmap(":/new/a/im/1.png"));
    //m_pPushButton->setIconSize(QPixmap(":/new/a/im/1.png").size());
    //m_pPushButton->setMask(QPixmap(":/new/a/im/1.png").createHeuristicMask());
    //m_pPushButton->setMask(QPixmap(":/new/a/im/A1.png"));
    //不过该方法效果并不好，能看到button的边缘有锯齿，createHeuristicMask换成mask也是一样。
    //方法4：
    //或着m_pPushButton->setIcon(QPixmap("C:/Users/zhujq-a/Desktop/QT/2/untitled/im/1.png"));
    //m_pPushButton->setIcon(QIcon(":/new/a/im/1.png"));
    //m_pPushButton->setIconSize(QPixmap(":/new/a/im/1.png").size());
    //m_pPushButton->setMask(pixmap2);
    //m_pPushButton->setFixedSize(600, 700);//因为是隐去其他区域，所以只会显示图片中的内容大小。
    //方法5：继承qpushButton，重写paintevent，在里面可以设置mask或者通过qpainterPath自己构造不规则轮廓，代码如下：
    //QPushButton *m_pMyButton = new CMyButton(this);
    //connect(m_pMyButton, &QPushButton::clicked, this, &MainWindow::on_bu);
    //hl->addWidget(m_pMyButton);
    //联接测试事件
    //connect(m_pPushButton, &QPushButton::clicked, this, &MainWindow::on_bu);
    //向布局增加按钮
    //hl->addWidget(m_pPushButton);

    //Lable显示图片方式
    //方法6：
    //QLabel * m_pLabel = new QLabel;
    //m_pLabel->setFixedSize(QPixmap(":/new/a/im/1.png").size());
    //m_pLabel->setScaledContents(true);
    //m_pLabel->setPixmap(QPixmap(":/new/a/im/1.png"));//可以保证图片不失真
    //m_pLabel->setPixmap(QPixmap(":/new/a/im/1.png").scaled(40,40));//可以看到label的边缘有锯齿
    //hl->addWidget(m_pLabel);
    //方法7：
    //QLabel *label1 = new QLabel;
    //QImage *image = new QImage;
    //image->load(":/new/a/im/1.png");
    //label1->setPixmap(pixmap);
    //hl->addWidget(label1);
    //方法8
    //QLabel *label1 = new QLabel;
    //QImage *image = new QImage;
    //image->load(":/new/a/im/1.png");
    //QImage *imgScaled = new QImage;
    //*imgScaled = image->scaled(600, 500, Qt::KeepAspectRatio);
    //label1->setPixmap(QPixmap::fromImage(*imgScaled));
    //hl->addWidget(label1);
    //会显示的十分大，不过会有失真情。
    //方法8是在方法5的基础上绘制画片
    //QImage *image = new QImage;
    //image->load(":/new/a/im/1.png");
    //需要在.h文件中定义“QPixmap pixmapToShow;”，要不然绘制时提示图片不存在。
    //pixmapToShow = QPixmap::fromImage(*image);
    //QImage *image2 = new QImage;
    //image2->load(":/new/a/im/2.png" );
    //pixmapToShow2 = QPixmap::fromImage(*image2);//&QPixmap::fromImage(image2->scaled(size(), Qt::KeepAspectRatio));
    //QImage *image3 = new QImage;
    //image3->load(":/new/a/im/3.png" );
    //pixmapToShow3 = QPixmap::fromImage(*image3);//QPixmap::fromImage(image3->scaled(size(), Qt::KeepAspectRatio));
    //CImageButton* m_pOrderAbove = new CImageButton(this);
    //m_pOrderAbove->setFixedSize(100, 100);
    //m_pOrderAbove->SetPixmap(&pixmapToShow, &pixmapToShow2, &pixmapToShow3);
    //m_pOrderAbove->setText(QString::fromLocal8Bit("123as"));
    //m_pOrderAbove->setStyleSheet("color: rgb(0, 0, 0);");//"color: rgb(255, 255, 255);"
    //m_pOrderAbove->setGeometry(144, 0, pixmapToShow.width(), pixmapToShow.height());
    //connect(m_pOrderAbove, &QPushButton::clicked, this, &MainWindow::on_bu);
    //hl->addWidget(m_pOrderAbove);
    //有鼠标进入、移出、按下效果，不过绘的字和图片重叠了，而且进入事件是按钮的大小，不是图片实现大小。


    char strings[] = "abc";
    char *str = strings;
    setstr(str);
    qDebug() << str;


//    view = new QWebEngineView(this);
//        connect(view, SIGNAL(loadFinished(bool)), this, SLOT(loadFinished(bool)));
//        view->load(QUrl(QDir::currentPath() + "123.html"));
//        view->show();
//    view->load(QUrl(QStringLiteral("C:/123.html")));
//    view->setContentsMargins(0,0,0,0);
//    view->showMaximized();
//    hl->addWidget(view);
    ui->centralwidget->setLayout(hl);
}



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

void MainWindow::on_bu()
{
    QDialog *odia = new QDialog;
    QHBoxLayout *ohb = new QHBoxLayout;
    QPushButton *obu = new QPushButton;
    obu->setText("OK");
    ohb->addWidget(obu);
    odia->setLayout(ohb);
    odia->show();
}

void MainWindow::setstr(char *s)
{
     QString str1;
     for (int i = strlen(s)-1; i>=0; i--)
     {
         qDebug() << s[i];
         str1 = str1 + s[i];
     }
//     char* p = new char[3];

//     memset(p, '', strlen(p));
     memcpy(s, str1.toStdString().c_str(), 3);
//     qDebug() << p;
//     qDebug() << strlen(p);
//     return p;

}


CImageButton::CImageButton(QWidget *parent)
    :QPushButton(parent),
    m_bMouseIN(false),
    m_bLeftDown(false),
    m_bLighted(false)
{

}

CImageButton::~CImageButton()
{

}

void CImageButton::SetPixmap(QPixmap *pNormal, QPixmap *pHover, QPixmap *pLighted)
{
    m_pNormal=pNormal;
    m_pHover=pHover;
    m_pLighted=pLighted;
}

void CImageButton::SetLighted(bool value)
{
    if(value != m_bLighted)
    {
        m_bLighted=value;
        repaint();
    }
}

void CImageButton::paintEvent(QPaintEvent *pEvent)
{
    QPixmap* pPixmap;
    if(m_bLighted || m_bLeftDown)
        pPixmap=m_pLighted;
    else
    {
        if(m_bMouseIN)
            pPixmap=m_pHover;
        else
            pPixmap=m_pNormal;
    }
    QPainter painter;
    painter.begin(this);
    if(pPixmap)
        painter.drawPixmap(rect(),*pPixmap);
    if(text().count() > 0)
        painter.drawText(rect(),Qt::AlignCenter,text());
    painter.end();
}

void CImageButton::mousePressEvent(QMouseEvent *e)
{
    if(e->button()==Qt::LeftButton)
        {
            m_bLeftDown=true;
            repaint();
        }
    QPushButton::mousePressEvent(e);
}

void CImageButton::mouseReleaseEvent(QMouseEvent *e)
{
    if(e->button()==Qt::LeftButton)
    {
        m_bLeftDown=false;
        repaint();
    }
    QPushButton::mouseReleaseEvent(e);
}

void CImageButton::enterEvent(QEvent *e)
{
    m_bMouseIN=true;
    repaint();
}

void CImageButton::leaveEvent(QEvent *e)
{
    m_bMouseIN=false;
    repaint();
}

CMyButton::CMyButton(QWidget *parent)
    :QPushButton(parent)
{

}

CMyButton::~CMyButton()
{

}

void CMyButton::paintEvent(QPaintEvent *pEvent)
{
    QPainter painter(this); //创建painter
    painter.setRenderHint(QPainter::Antialiasing, true); //消除锯齿效果

    //构造painterpath
    QPainterPath path;
    path.moveTo(0, 0);
    path.lineTo(100, 0);
    path.lineTo(100/2, 200);
    path.lineTo(0, 0);

    //path->setFillRule(Qt::WindingFill);
    //设置无画笔，避免边框出现一条黑线
    painter.setPen(Qt::NoPen);
    //设置画刷
    painter.setBrush(QBrush(QColor(36,169,225), Qt::SolidPattern));
    //绘制背景
    painter.drawPath(path);

    pEvent->accept();//不再向父类传递消息
}