如何創建具有三角形的QWidget？

Question

如何創建具有三角形的QWidget ？

它必須是QWidget因為它將包含在另一個窗口小部件中，必須是可單擊的，並且可以執行一些動畫（但是第一次，我只需要創建三角形）。

像這樣：

我正在使用Qt 5.3

Answer 1

這里舉一個例子。 希望能幫助到你。

widget.h：

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QPainterPath>
#include <QPoint>
#include <QVector>

class Widget : public QWidget
{
  Q_OBJECT

public:
  Widget(QWidget *parent = 0);
  ~Widget();

protected:
  void paintEvent(QPaintEvent *event) override;

private:
  QPainterPath getPath() const;
  QRegion getRegion() const;

private:
  int width = 100;
  int height = 100;
  QVector<QPoint> points;
};

#endif // WIDGET_H

widget.cpp：

#include "widget.h"
#include <QPainter>
#include <QPoint>
#include <QPainterPath>
#include <QBrush>
#include <QPolygon>
#include <QVector>

Widget::Widget(QWidget *parent)
  : QWidget(parent),
    points(3)
{
    points[0] = QPoint(20, 20);
    points[1] = QPoint(80, 20);
    points[2] = QPoint(50, 80);

    setFixedSize(width, height);   
    setMask(getRegion());
}

Widget::~Widget()
{

}

QPainterPath Widget::getPath() const
{
    QPainterPath path;
    path.moveTo(points[0]);
    path.lineTo(points[1]);
    path.lineTo(points[2]);
    path.lineTo(points[0]);

    return path;
}

QRegion Widget::getRegion() const
{
  return QRegion(QPolygon(points));
}

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainterPath path = getPath();

    QPainter painter(this);
    painter.setPen(Qt::NoPen);
    painter.fillPath(path, QBrush(Qt::black));
}