我正在研究一个小的.ui项目,并且试图了解如何正确地在QGraphicsView上制作标尺。

因此,当用户看到图像时,它看起来如下所示:

但是,如果用户需要放大(或缩小),则标尺将随测量值一起移动:

感谢您就此问题发表看法,并提供任何可能的示例或指向正确的方向。

最佳答案

通过子类化QWidget来创建新类以绘制标尺。然后,根据标尺的大小设置视口(viewport)边距。

主要困难在于处理标尺的单位: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;
};

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

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

关于c++ - 如何在QGraphicsView的边框上制作标尺,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56588152/

10-09 06:23