在QTableView上绘制QGraphicsLineItem

Question

我有一个需要在QTableView上画线以显示帧范围的应用程序。我有一个QGraphicsView和一个QGraphicsScene持有一个QTableView如下图所示：

标准

行的跨度应相对于列的位置保持不变，即即使滚动到视图外，第一行也应始终保持在3到7之间。向后滚动时应该再次可见
我想像QModelIndex一样检索行的开始索引和结束索引。
线条必须始终保持行的宽度的中心

我特此创建了MVCE

Mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

MainWindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "timelineview.h"

MainWindow::MainWindow(QWidget* parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    TimelineView* graphicsView = new TimelineView(this);
    setCentralWidget(graphicsView);
}

MainWindow::~MainWindow()
{
    delete ui;
}

TimelineView.cpp

// qt
#include <QHeaderView>

// local
#include "timelineview.h"

TimelineView::TimelineView(QWidget* parent) :
    QGraphicsView(parent),
    m_scene{new TimelineScene}
{
    setScene(m_scene);

    setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);

    m_table = new QTableView;

    // settings for table view
    m_table->setSelectionMode(QAbstractItemView::NoSelection);
    m_table->setEditTriggers(QAbstractItemView::NoEditTriggers);
    m_table->verticalHeader()->hide();
    m_table->horizontalHeader()->setHighlightSections(false);

    m_tableModel = new QStandardItemModel(10, 100, m_table);
    m_table->setModel(m_tableModel);

    m_scene->addWidget(m_table);

    setMouseTracking(true);
}


void TimelineView::resizeEvent(QResizeEvent* event)
{
    m_scene->setSceneRect(0, 0, width(), height());
    m_table->setGeometry(m_scene->sceneRect().toRect());
    fitInView(m_scene->sceneRect(), Qt::KeepAspectRatioByExpanding);
    QGraphicsView::resizeEvent(event);
}

TimelineView.h

#ifndef TIMELINEVIEW_H
#define TIMELINEVIEW_H

// qt
#include <QGraphicsView>
#include <QTableView>
#include <QStandardItemModel>

// local
#include "timelinescene.h"

class TimelineView : public QGraphicsView
{
    public:

        explicit TimelineView(QWidget* parent = nullptr);

    protected:

        virtual void resizeEvent(QResizeEvent* event) override;

    private:

        QTableView* m_table;
        QStandardItemModel* m_tableModel;
        TimelineScene* m_scene;
};

#endif // TIMELINEVIEW_H

TimelineScene.cpp

#include "timelinescene.h"

TimelineScene::TimelineScene(QObject* parent) :
    QGraphicsScene(parent)
    , m_lineItem{nullptr}
    , m_isPressed{false}
{

}



void TimelineScene::mousePressEvent(QGraphicsSceneMouseEvent* event)
{
    if(event->button() == Qt::LeftButton)
    {
        m_origPoint = event->scenePos();
        m_isPressed = true;
    }

    QGraphicsScene::mousePressEvent(event);
}



void TimelineScene::mouseMoveEvent(QGraphicsSceneMouseEvent* event)
{
    if(m_isPressed)
    {
        if(m_lineItem == nullptr)
        {
            // create a pen for the line to be drawn
            QPen pen;
            pen.setStyle(Qt::SolidLine);
            pen.setBrush(QColor(255, 102, 0));
            pen.setWidth(8);

            m_lineItem = new QGraphicsLineItem(m_origPoint.x(), m_origPoint.y(), event->scenePos().x(), event->scenePos().y());

            // set the pen
            m_lineItem->setPen(pen);

            // add the item to the scene
            addItem(m_lineItem);
        }

        m_lineItem->setLine(m_origPoint.x(), m_origPoint.y(), event->scenePos().x(), m_origPoint.y());

        update();
    }

    QGraphicsScene::mouseMoveEvent(event);
}



void TimelineScene::mouseReleaseEvent(QGraphicsSceneMouseEvent* event)
{
    m_lineItem = nullptr;
    m_isPressed = false;

    QGraphicsScene::mouseReleaseEvent(event);
}

TimelineScene.h

#ifndef TIMELINESCENE_H
#define TIMELINESCENE_H

// qt
#include <QGraphicsScene>
#include <QObject>
#include <QGraphicsSceneMouseEvent>
#include <QGraphicsLineItem>
#include <QPointF>



class TimelineScene : public QGraphicsScene
{
    public:

        explicit TimelineScene(QObject* parent = nullptr);

    protected:

        virtual void mousePressEvent(QGraphicsSceneMouseEvent* event) override;
        virtual void mouseMoveEvent(QGraphicsSceneMouseEvent* event) override;
        virtual void mouseReleaseEvent(QGraphicsSceneMouseEvent* event) override;

    private:

        QGraphicsLineItem* m_lineItem;
        QPointF m_origPoint;
        bool m_isPressed;
};

#endif // TIMELINESCENE_H

问题：

我无法获取单元格的索引，即根据QModelIndex表示行的起点和终点
我什至可以在QHeaderView和QScrollbar上画线。我知道这样做的原因是因为整个画布都是一个场景，我可以在任何地方绘制。但我只想将绘图限制为表格的单元格

我知道，如果我能找到一种方法来检索有关基础QTableView的信息，但又不确定如何，则可以解决所有这些问题。

Answer 1

除了我们在评论中对代表的讨论之外，回答您的两个问题：

1。从场景坐标中查找模型索引

使用QGraphicsItem::mapFromScene将线端点的场景坐标转换为表的QGraphicsWidget的坐标。
将转换后的坐标与QGraphicsItem::mapFromScene一起使用以获得模型索引。

2。限制项目移动

您可以覆盖QTableView::indexAt()来控制项目的任何移动，即使在用户拖动时也是如此。看起来像这样：

QTableView::indexAt()

Answer 2

如上所述，使用委托是正确的方法。

如果出于某些原因无法实现，我强烈建议您不要以这种方式将模型视图与图形场景混合使用。

如果绝对不可能使用委托，我会考虑在QGraphicsItem::itemChange()上绘制线条-它具有用于通过像素坐标访问模型索引的API，它确实知道其滚动位置，并且具有用于处理所有必要内容的处理程序用户输入。因此，您要做的就是将QVariant QGraphicsItem::itemChange(GraphicsItemChange change, const QVariant &value) { if (change == ItemPositionChange) { // restr.Position() returns a QPointF limited by the allowed are return restrictPosition(value.toPointF()); } … }的集合存储在从QTableView派生的类中，并通过QLine绘制适合当前视口的线。恐怕即使QTableView的“覆盖”看起来是目前最简单的解决方案，但实际上还是涉及与用户输入处理/路由有关的大量问题。而且绝对不是Qt方式。

UPD：基于委托的示例：

这个想法很简单：

整行是段的集合-每个单元格都是一个段；
对于每个单元格，将线QPainter和QGraphicsScene x坐标映射到范围[0.0; 1.0];
将映射的坐标存储在模型本身中。

然后，您可以如下绘制自定义委托：

start

鼠标处理有点棘手：

end

这是它的外观：

void LineDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const { QStyledItemDelegate::paint(painter, option, index); const QVariant &lineData = index.data(Line::DataRole); if (lineData.isValid() && lineData.canConvert<Line>()) { const Line &line = lineData.value<Line>(); const QLineF &lineF = line.toQLine(option.rect); painter->save(); painter->setPen(m_linePen); painter->drawLine(lineF); painter->restore(); } }

上面示例的完整代码可在bool LineDelegate::editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index) { switch (event->type()) { case QEvent::MouseButtonPress: handleMousePress(static_cast<QMouseEvent *>(event), model, option, index); break; case QEvent::MouseMove: handleMouseMove(static_cast<QMouseEvent *>(event), model, option, index); break; case QEvent::MouseButtonRelease: handleMouseRelease(static_cast<QMouseEvent *>(event), model, option, index); break; default: break; } return QStyledItemDelegate::editorEvent(event, model, option, index); } void LineDelegate::handleMousePress(QMouseEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index) { Q_UNUSED(event); Q_UNUSED(model); if (index.isValid()) { m_startIndex = index; m_startPoint = { event->x() - option.rect.x(), option.rect.center().y() }; } } void LineDelegate::handleMouseMove(QMouseEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index) { const QPoint endPoint = { event->x() - option.rect.x(), option.rect.center().y() }; if (m_startIndex != index) { m_startIndex = index; m_startPoint = endPoint; } const Line &line = Line::fromQLine({ m_startPoint, endPoint }, option.rect); model->setData(index, QVariant::fromValue(line), Line::DataRole); } void LineDelegate::handleMouseRelease(QMouseEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index) { Q_UNUSED(event); Q_UNUSED(model); Q_UNUSED(option); Q_UNUSED(index); m_startIndex = QModelIndex(); m_startPoint = { -1, -1 }; }上找到

请注意-这只是一个简短的原型。不支持鼠标从右向左移动，也不支持仅限于当前行等。但是，我希望这足以让您开始。

在QTableView上绘制QGraphicsLineItem

问题描述投票：0回答：2

2个回答

1。从场景坐标中查找模型索引

2。限制项目移动

最新问题

在QTableView上绘制QGraphicsLineItem

问题描述 投票：0回答：2

2个回答

1。从场景坐标中查找模型索引

2。限制项目移动

最新问题

问题描述投票：0回答：2