Qt 实现绘制不规则窗口(控件)

项目中要实现类似于下图的一个窗体,里面的红色部分是按钮

踩坑:

用了如下方法, 实现了按钮,但是按钮边缘有锯齿,应该是因为QBitmap 是位图,如果绘制必然会有锯齿

    QPixmap aaa(":/view/view/doing1.png");
    this->setMask(aaa.mask());

解释:

1. 得到一张下图,

   :/view/view/doing1.png

   
2. 按钮中通过重写paintEvent 绘制出按钮形状. 显示如图

  上代码

按钮类:

#ifndef MyButton_H
#define MyButton_H

#include <QObject>
#include <QPointer>
#include <QPushButton>
class MyButton : public QPushButton
{
public:
    explicit MyButton(QString flag = "", QWidget *parent = nullptr);
    void setFriendWidget(QWidget *widget);

protected:
    void paintEvent(QPaintEvent *event);

private:
    QString flag_ ;
    QPainterPath path_;
    QPointer< QWidget >friendWidget_;

};

#endif // MyButton_H

#include "mybutton.h"
#include <QPainter>
#include <QBitmap>
#include <QDebug>
#include <QStyleOptionTab>
#include <QMouseEvent>
#include <QApplication>

MyButton::MyButton(QString flag, QWidget *parent):
    QPushButton(parent)
{
    flag_ = flag;
    setWindowFlags(Qt::FramelessWindowHint);
    setAttribute(Qt::WA_TranslucentBackground);//设置背景透明
    QPixmap pixmap(":/view/view/doing1.png");
    setFixedSize(pixmap.size());
}

void MyButton::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    QBrush brush(QColor(255, 0, 0), Qt::SolidPattern);
    painter.setBrush(brush);

    QPainterPath path;
    path.moveTo(0, 0);
    path.lineTo(98, 0);
    path.lineTo(118, 19);
    path.lineTo(98, 38);
    path.lineTo(0, 38);
    path.lineTo(20, 19);
    path.closeSubpath();
    QFont font;
    font.setPixelSize(16);
    path.addText(40, 20, font, flag_);
    painter.setPen(Qt::NoPen);
    painter.drawPath(path);


    QPixmap aaa(":/view/view/doing1.png");
    this->setMask(aaa.mask());

//    QPushButton::paintEvent(event);
}

主界面

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QPainter>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    button1_ = new MyButton("button1", this);
    button2_ = new MyButton("button2", this);
    button3_ = new MyButton("button3", this);

    connect(button1_, &MyButton::pressed, this, &MainWindow::slotButton1);
    connect(button2_, &MyButton::pressed, this, &MainWindow::slotButton2);
    connect(button3_, &MyButton::pressed, this, &MainWindow::slotButton3);

    button1_->move(100, 100);
    button2_->move(button1_->pos() + QPoint(-30 + button1_->width(), 0));
    button3_->move(button2_->pos() + QPoint(-30 + button2_->width(), 0));
}

MainWindow::~MainWindow()
{
    delete ui;
}
void MainWindow::slotButton1()
{
    ui->lineEdit->setText("1");
}
void MainWindow::slotButton2()
{
    ui->lineEdit->setText("2");
}
void MainWindow::slotButton3()
{
    ui->lineEdit->setText("3");
}