Как анимировать границу элемента списка в QListView? - PullRequest
Новая
       46

Как анимировать границу элемента списка в QListView?

0 голосов
/ 08 мая 2018

Я использую QListView с пользовательским делегатом, который расширяется от QStyledItemDelegate. Я переопределил метод рисования, чтобы настраивать рисование каждого элемента в списке. В методе рисования я рисую рамку вокруг выделенных элементов в виде списка.

Я хочу иметь возможность анимировать границу элемента при выборе элемента. Например, если предполагаемая граница элемента составляет 5 пикселей, я хочу, чтобы она «анимировалась» от 0 до 5 пикселей при выборе элемента.

Моя первоначальная идея состояла в том, чтобы подключить таймер для отключения каждые 50 миллисекунд и заставлять делегата рисовать каждый раз, когда таймер отключается до тех пор, пока не будет нарисована полная ширина границы. Однако переопределенный метод рисования делегата является const, поэтому я не могу сохранять или обновлять переменную члена ширины границы при каждом проходе метода рисования.

Как лучше всего это сделать?

1 Ответ

0 голосов
/ 08 мая 2018

Возможное решение - создать роль, которая управляет размером границы элемента, и обновить ее, используя QVariantAnimation: 

#include <QApplication>
#include <QListView>
#include <QPainter>
#include <QStandardItemModel>
#include <QStyledItemDelegate>
#include <QVariantAnimation>

int BorderSizeRole = Qt::UserRole+1;

class AnimationDelegate: public QStyledItemDelegate{
public:
    using QStyledItemDelegate::QStyledItemDelegate;
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const{
        QStyledItemDelegate::paint(painter, option, index);

        bool ok;
        int borderSize = index.data(BorderSizeRole).toInt(&ok);
        if(borderSize >0 && ok){
            painter->save();
            QPen pen(QBrush(Qt::red), borderSize);
            painter->setPen(pen);
            painter->drawRect(option.rect);
            painter->restore();
        }
    }
};

class CustomAnimation: public QVariantAnimation{
    QPersistentModelIndex m_index;
    QAbstractItemModel *m_model;
public:
    CustomAnimation(QAbstractItemModel *m_model, QPersistentModelIndex index, QObject *parent=nullptr)
        : QVariantAnimation(parent),
          m_index(index),
          m_model(m_model)
    {
        setStartValue(0);
        setEndValue(5);
        setDuration(50*5);
        connect(this, &CustomAnimation::valueChanged, this, &CustomAnimation::on_valueChanged);
        // delete animation
        start(QAbstractAnimation::DeleteWhenStopped);
    }
private:
    Q_SLOT void on_valueChanged(const QVariant & value){
        if(m_model)
            m_model->setData(m_index, value, BorderSizeRole);
        else
            stop();
    }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QListView view;
    view.setItemDelegate(new AnimationDelegate(&view));
    QStandardItemModel model;
    for(int i=0; i<10; i++){
        QStandardItem *item = new QStandardItem(QString("item %1").arg(i));
        item->setData(-1, BorderSizeRole);
        model.appendRow(item);
    }
    view.setModel(&model);

    QObject::connect(view.selectionModel(), &QItemSelectionModel::selectionChanged,
                     [&model](const QItemSelection &selected, const QItemSelection & deselected){
        for(const QModelIndex & index: selected.indexes()){
            new CustomAnimation(&model, QPersistentModelIndex(index));
        }
        // remove border
        for(const QModelIndex & index: deselected.indexes()){
            model.setData(index, -1, BorderSizeRole);
        }
    });

    view.show();    
    return a.exec();
}
...