c++ - 如何在 Qt 中使用委托(delegate)更改图标

Question

我在 Qtreeview 中使用委托(delegate)，它只在文本旁边显示一个图标。

我希望能够做的是单击列表中的一项并仅更改该一项的图标。我一直在查看一些示例，但它们都使用我不想做的编辑器。我希望更改在单击某个项目时自动发生。

我想我必须向我的委托(delegate)类添加一个新函数，其中包含我单击的项目的索引，这很好，但是我该如何更改图标？我是否必须使用新图标调用绘画功能才能绘画？

这是我正在使用的委托(delegate):

void SeqNavDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option,
       const QModelIndex &index) const
{
    QStyledItemDelegate::paint(painter, option, index);

    if (index.column() == 0 && option.state & QStyle::State_Enabled)//State_MouseOver)
    {
        const QIcon icon(QLatin1String(":/SeqNavMenu/images/grey.png"));

        QRect iconRect(option.rect.right() - option.rect.height(),
                       option.rect.top(),
                       option.rect.height(),
                       option.rect.height());

        icon.paint(painter, iconRect, Qt::AlignRight);
    }
}

我只是用不同的图标路径重新实现这个功能吗？

感谢您的帮助。

Answer 1

处理一次点击

让我们从用户点击一行开始。订阅 QAbstractItemView 的信号 clicked (const QModelIndex&)。

根据Model/View 的概念，View 显示模型提供的数据。要显示文本，您已经在模型中重新实现了方法 data 并且模型开始提供文本。现在你想显示图标。在只需要显示一个图标之前，您可以通过委托(delegate)来完成。现在您需要让您的模型提供所需的图标或可以选择图标的状态。
为了提供一个图标，模型应该知道每一行应该显示哪个图标。创建一个变量来保持每行的点击状态。

在连接到 clicked 信号的插槽中，通知模型某行的点击状态已更改:

 {
   bool oldState = m_model->data(index, Qt::UserRole).toBool();
   m_model->setData(index, !oldState, Qt::UserRole);
 }

将Qt:UserRole的处理添加到setData:

{
  if (role == Qt:UserRole)
    setClickedState(index, value.toBool());
}

不要忘记通知 View 此行中的数据已更改。在 setData 结束时调用 emit dataChanged(index, index)。这就是如何使 View 重绘的问题的答案。它会在收到您的信号后立即重新绘制。

添加Qt:UserRole到data的处理:

if (role == Qt::UserRole)
   return clickedState(index);

向委托(delegate)请求点击状态并绘制所需的图标

const QAbstractItemModel* model = index.model();
const bool state = model->data(index, Qt::UserRole).toBool();
const QIcon& iconToBeDrawn = state ? checkedIcon : icon;

附言您将自定义委托(delegate)用于错误的目的。当您需要绘制无法使用标准 QStyledItemDelegate 绘制的内容时，需要自定义委托(delegate)。但它可以绘制图标。
要绘制图标，您需要像这样在模型中处理 Qt::DecorationRole:

virtual QVariant data (const QModelIndex& index, int role) const
{
  ...
  if (role == Qt::DecorationRole)
        return someIcon;
  ...
}

QStyledItemDelegate 默认在左侧绘制一个图标。在我的评论中，我向您建议如何让它在一行的右侧绘制: Delegate erasing text in QTreeView using QStandardItemModel

与为每一行提供文本的方式相同，您可以提供一个图标:

if (role == Qt::DecorationRole)
   return ifClicked(index) ? someIcon : otherIcon;