Рисование QGraphicsLineItem в QTableView

Question

У меня есть приложение, где мне нужно нарисовать линии на QTableView, показывающие диапазон кадров. У меня есть QGraphicsView и QGraphicsScene, которые содержат QTableView Как показано ниже:

Критерии

• Промежуток строк должен оставаться относительно положения столбцов, т.е. первая строка должна оставаться между 3 и 7 все время, даже если прокручиваться вне вида. Должно быть снова видно при прокрутке назад

• Я хотел бы получить начальный и конечный индексы строки, как в QModelIndex.

• Line должен всегда поддерживать центр ширины строки

Я создал 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

Как уже обсуждалось, использование делегата является правильным способом сделать это.

В случае, если по какой-то причине это невозможно, я настоятельно рекомендую вам не смешивать вид модели с графической сценой таким образом.

Если использовать делегатов абсолютно невозможно, я бы подумал о рисовании линий на QTableView - у него есть API для доступа к индексам модели через координаты пикселей, он знает свою позицию прокрутки и имеет обработчики для все необходимые пользовательские данные. Поэтому все, что вам нужно сделать, это сохранить коллекцию QLine в классе, производном от QTableView, и нарисовать линии, которые соответствуют текущему окну просмотра, через QPainter. Боюсь, что даже если «оверлей» с QGraphicsScene выглядит сейчас как самое простое решение, в сущности, это куча проблем, связанных с обработкой / маршрутизацией пользовательского ввода. И это определенно не Qt-way.

UPD: пример на основе делегата:

Идея довольно проста:

• вся строка представляет собой набор сегментов - каждая ячейка является сегментом;
• для каждой ячейки, сопоставьте линию start и end x-координату с диапазоном [0.0; 1.0];
• сохраняет сопоставленные координаты в самой модели.

Затем вы можете нарисовать свой пользовательский делегат следующим образом:

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 };
}

Вот как это выглядит:

Полный код приведенного выше примера доступен на github

Обратите внимание - это всего лишь краткий прототип. Отсутствует поддержка таких вещей, как движение мыши справа налево или ограничение только текущей строкой и т. Д. c. Надеюсь, этого будет достаточно для начала.

Answer 2

Помимо нашей дискуссии о делегатах в комментариях, чтобы ответить на два ваших вопроса:

1. Поиск модельного индекса по координатам сцены

• Преобразуйте координату сцены вашей конечной точки линии в координату QGraphicsWidget вашей таблицы, используя QGraphicsItem::mapFromScene.
• Используйте переведите координату с QTableView::indexAt() для получения модельного индекса.

2. Ограничение движения предмета

Вы можете переопределить QGraphicsItem::itemChange(), чтобы манипулировать любым движением предмета, даже когда пользователь перетаскивает его. Это выглядит так:

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());
    }
    …
}