QT 使用QLsitView 实现多个子项选中取消效果

文章目录

- - 效果图
  - 概述
  - 部分代码
  - 总结

效果图

在这里插入图片描述

概述

整个界面的布局介绍请看这篇博客
想要的到这种自由选择中的Item效果，需要使用到Model-view的思想，每个item中都要存放一个标志位，用在Paint函数去判断是否绘制为按下的状态。
每次item被点击时，更新标志位，并刷新视图，从而实现点击后变色的效果。

部分代码

自定义委托中实现paint函数。

void CustomDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{int radius = 10;painter->setRenderHint(QPainter::Antialiasing);painter->setPen(Qt::NoPen);if (index.model()->data(index, Qt::UserRole).toBool()){painter->setBrush(QColor("#d9d9d9"));painter->drawRoundedRect(option.rect.adjusted(2, 2, -2, -2), radius, radius);}if (option.state & QStyle::State_MouseOver || option.state & QStyle::State_Selected){painter->setBrush(QColor("#e4e4e4"));painter->drawRoundedRect(option.rect.adjusted(2, 2, -2, -2), radius, radius);}if (QStyle::State_HasFocus & option.state){}QStyledItemDelegate::paint(painter, option, index);
}

重写editorEvent函数，这个的目的是忽悠掉qt的这几个事件，这样就不会绘制qt的默认的焦点框了

bool CustomDelegate::editorEvent(QEvent *event, QAbstractItemModel *model, const QStyleOptionViewItem &option, const QModelIndex &index)
{if (event->type() == QEvent::MouseMove || event->type() == QEvent::MouseButtonPress || event->type() == QEvent::MouseButtonDblClick){return true;}return QStyledItemDelegate::editorEvent(event, model, option, index);
}

在listview中，设置样式，不让悬浮出现自带的样式

setStyleSheet("QListView::item:hover { background: transparent; border: none; }");

item被点击时，触发更改

    connect(m_listView, &QListView::clicked, [&](const QModelIndex &index){bool isChecked = index.model()->data(index, Qt::UserRole).toBool();m_listView->model()->setData(index, !isChecked, Qt::UserRole);m_listView->update(); });

model的data与setData函数


QVariant IconTextModel::data(const QModelIndex &index, int role) const
{if (!index.isValid() || index.row() >= m_data.count())return QVariant();switch (role){case Qt::DecorationRole:return QIcon(m_data.at(index.row()).m_icon);case Qt::DisplayRole:return m_data.at(index.row()).m_name;case Qt::UserRole:return m_data.at(index.row()).m_isChecked;default:return QVariant();}
}


bool IconTextModel::setData(const QModelIndex &index, const QVariant &value, int role)
{if (index.isValid() && role == Qt::UserRole){m_data[index.row()].m_isChecked = value.toBool();emit dataChanged(index, index);}return true;
}