QT C++ 将button绘制成平行四边形时边框为渐变色，边角圆化-QT开发中文网

要将一个按钮绘制成平行四边形，并且让其边框呈现渐变色和圆角效果，可以使用 QPainter 来实现。下面是一个完整的示例，展示如何创建一个自定义按钮，该按钮具有平行四边形的形状、渐变色边框以及圆角。

示例代码

#include <QApplication>
#include <QPushButton>
#include <QPainter>
#include <QPolygon>

class ParallelogramButton : public QPushButton {
public:
    ParallelogramButton(QWidget *parent = nullptr) : QPushButton(parent) {
        setFixedSize(200, 100);
        // 设置样式，使得默认背景不干扰绘制
        setStyleSheet("background: transparent;");
    }

protected:
    void paintEvent(QPaintEvent *) override {
        QPainter painter(this);

        // 定义平行四边形的顶点
        QPolygon polygon;
        polygon << QPoint(20, 40)
                << QPoint(180, 20)
                << QPoint(200, 80)
                << QPoint(40, 100);

        // 创建渐变颜色，从右上到左下
        QLinearGradient gradient(polygon.boundingRect().topRight(), polygon.boundingRect().bottomLeft());
        gradient.setColorAt(0, Qt::red);   // 渐变开始颜色
        gradient.setColorAt(1, Qt::blue);  // 渐变结束颜色

        // 绘制带有圆角的平行四边形背景（以透明填充）
        painter.setRenderHint(QPainter::Antialiasing); // 开启抗锯齿效果
       
       QRectF rect(polygon.boundingRect());
       painter.setBrush(Qt::white); // 背景颜色填充
       painter.drawRoundedRect(rect, 15, 15); // 圆角半径为15

       // 绘制平行四边形的填充
       painter.setBrush(QBrush(Qt::lightGray)); 
       painter.drawPolygon(polygon);

       // 绘制渐变色边框（圆角）
       QPen pen(gradient, 5); // 边框宽度为5像素
       pen.setCapStyle(Qt::RoundCap);
       pen.setJoinStyle(Qt::RoundJoin);
       
       painter.setPen(pen);
       painter.drawPolygon(polygon);

      // 在中间绘制文本，确保文字在合适位置显示
      painter.setPen(Qt::black); 
      painter.drawText(rect(), Qt::AlignCenter | Qt::TextWordWrap, text());
   }
};

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    
    ParallelogramButton button;
    button.setText("Click Me!");
    button.show();

    return app.exec();
}

注意事项

抗锯齿：通过调用 setRenderHint(QPainter::Antialiasing) 开启了抗锯齿功能，以使得绘制更加平滑。
渐变设置：使用 QLinearGradient 来定义从右上到左下的线性渐变色。
圆角处理：使用 drawRoundedRect() 方法来处理按钮背景，如果需要真正使整个图案都具备圆角效果，可以调整多边形绘制的位置和大小。
透明背景：通过设置样式表为透明背景 (setStyleSheet("background: transparent;");)，防止 QPushButton 的默认样式干扰自定义绘画效果。