Question

我正在做一个小型.ui项目，并且试图了解如何在QGraphicsView上正确地制作标尺。

因此，当用户看到图像时，它看起来像以下内容：

rulerA

但是，如果用户需要放大（或缩小），则标尺将随测量值一起移动：

rulerB

感谢您在此问题上的发言，很抱歉提供任何可能的例子或指向正确的方向。

Answer 1

通过将QWidget子类化以绘制标尺来创建一个新类。然后，根据标尺的大小设置视口边距。

主要困难是处理标尺的单位：Qt中的绘制过程仅使用像素。因此，您必须将所有距离转换为正确的单位。

任何QAbstractScrollArea（包括QGraphicsView）的标尺（以毫米为单位）的示例：

class Ruler: public QWidget
{
    Q_OBJECT
public:
    Ruler(QAbstractScrollArea* parent=nullptr): QWidget(parent),
        offset(0)
    {
        setFixedSize(40, parent->height());
        move(0, 40);
        connect(parent->verticalScrollBar(), &QScrollBar::valueChanged, this, &Ruler::setOffset);
    }
    virtual void paintEvent(QPaintEvent* event)
    {
        QPainter painter(this);
        painter.translate(0, -offset);
        int const heightMM = height() * toMM();
        painter.setFont(font());
        QFontMetrics fm(font());
        for (int position = 0; position < heightMM; ++position)
        {
            int const positionInPix = int(position / toMM());
            if (position % 10 == 0)
            {
                if (position != 0)
                {
                    QString const txt = QString::number(position);
                    QRect txtRect = fm.boundingRect(txt).translated(0, positionInPix);
                    txtRect.translate(0, txtRect.height()/2);
                    painter.drawText(txtRect, txt);
                }
                painter.drawLine(width() - 15, positionInPix, width(), positionInPix);
            }
            else {
                painter.drawLine(width() - 10, positionInPix, width(), positionInPix);
            }
        }
    }

    virtual void resizeEvent(QResizeEvent* event)
    {

        int const maximumMM = event->size().height() * toMM();
        QFontMetrics fm(font());
        int w = fm.width(QString::number(maximumMM)) + 20;
        if (w != event->size().width())
        {
            QSize const newSize(w, event->size().height());
            sizeChanged(newSize);
            return setFixedSize(newSize);
        }
        return QWidget::resizeEvent(event);
    }

    void setOffset(int value)
    {
        offset = value;
        update();
    }
signals:
    void sizeChanged(QSize const&);
private:
    int offset;

    static qreal toMM()
    {
        return 25.4 / qApp->desktop()->logicalDpiY();
    }
};

如果要在垂直而不是水平方向绘制值，则可以简化paintEvent()和resizeEvent()函数（不必调整标尺的大小即可显示所有数字）。

如何使用它：

class GraphicsView: public QGraphicsView
{
public:
    GraphicsView(QWidget* parent=nullptr): QGraphicsView(parent),
        ruler(new Ruler(this))
    {
        connect(ruler, &Ruler::sizeChanged, [this](QSize const& size) { setViewportMargins(size.width(), size.width(), 0, 0); });
    }

    void setScene(QGraphicsScene* scene)
    {
        QGraphicsView::setScene(scene);
        if (scene)
            ruler->setFixedHeight(scene->height());
    }
private:
    Ruler* ruler;
};

转换像素->毫米不是很准确，您应该找到另一种方法来实现。

我也没有处理场景的调整大小。

Answer 2

创建时，默认情况下scene-> height（）为零。如果Ruler-> setFixedHeight（）在不知不觉中将标尺的高度设置为0，则不会调用标尺的paintEvent。

void setScene(QGraphicsScene* scene)
    {
        QGraphicsView::setScene(scene);
        if (scene)
            ruler->setFixedHeight(scene->height());
    }

如何在QGraphicsView的边框上制作标尺

2 个答案: