【QT-QTableView实现鼠标悬浮（hover）行高亮显示+并设置表格样式】

1、自定义委托类 HoverDelegate
hoverdelegate.h

#ifndef HOVERDELEGATE_H
#define HOVERDELEGATE_H#include <QObject>
#include <QStyledItemDelegate>class hoverdelegate : public QStyledItemDelegate
{Q_OBJECT // 添加 Q_OBJECT 宏public:explicit hoverdelegate(QObject *parent = nullptr);void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override;void setHoverRow(int row);signals:void hoverChanged(int newRow);// 带参数的信号，表示新的悬停行private:int hoverRow;
};#endif // HOVERDELEGATE_H

hoverdelegate.cpp

#include "hoverdelegate.h"
#include "qdebug.h"
#include <QPainter>
hoverdelegate::hoverdelegate(QObject *parent): QStyledItemDelegate{parent}
{}void hoverdelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
{QStyleOptionViewItem opt = option;initStyleOption(&opt, index); // 确保初始化样式选项if (index.row() == hoverRow &&  !(opt.state & QStyle::State_Selected)) {qDebug() << "xxxx";// 如果是悬停行，则修改背景颜色opt.backgroundBrush = QBrush(QColor(200, 230, 255)); // 浅蓝色背景qDebug() << "============";//qDebug() << "xxxx";}// 显式绘制背景painter->save();painter->fillRect(opt.rect, opt.backgroundBrush);painter->restore();QStyledItemDelegate::paint(painter, opt, index);
}void hoverdelegate::setHoverRow(int row)
{if (hoverRow != row) {hoverRow = row;emit hoverChanged(hoverRow);}
}

2、如何使用
在这里插入图片描述
设置QTableView 样式

/* 标题头 */QHeaderView {background: rgba(86, 186, 202, 1);color: #000000;font-size: 16px;line-height: 22px;}QHeaderView::section {font-size: 16px;color: #000000;line-height: 22px;height: 31px;background: rgba(195, 231, 254, 1);border: none;}/* 整个表格控件 */
QTableView {color: #000000;border: 0px solid rgba(56, 66, 70, 1);font-size: 16px;line-height: 24px;}QTableView::item {border-bottom: 1px solid rgb(159, 212, 235);}/* 每个单元格被选中状态 */QTableView::item:selected {background: rgba(86, 186, 202, 1);color: #000000;}
/* 可选：鼠标悬停时改变行颜色 *//*QTableView::item:hover {background-color: rgba(200, 230, 255, 1); /* 浅蓝色背景 */
/*}

初始化表格使表格好看

 QStringList title;title <<LOCAL("id") << LOCAL("姓名") <<LOCAL("身份证") << LOCAL("性别") << LOCAL("学院")<< LOCAL("账号") << LOCAL("密码");teacherModel->setHorizontalHeaderLabels(title);teacherModel->setColumnCount(7);ui->tableView->horizontalHeader()->setSectionResizeMode(QHeaderView::Stretch);ui->tableView->setColumnHidden(0, true);// 隐藏 ID 列 (假设 ID 是第 0 列)ui->tableView->verticalHeader()->hide(); // 隐藏每行标题头ui->tableView->setFocusPolicy(Qt::NoFocus);//禁用虚线框ui->tableView->horizontalHeader()->setHighlightSections(false);//关闭标题栏自动加粗。ui->tableView->setSelectionBehavior(QAbstractItemView::SelectRows);//选中整行。ui->tableView->setSelectionMode(QAbstractItemView::SingleSelection);// 设置选择模式为单选

在要使用hoverdelegate 的头文件中
定义 QStandardItemModel* teacherModel;

private:QStandardItemModel*  teacherModel;hoverdelegate *delegate;int m_hoverRow; // 当前悬停行
private slots:void onHoverChanged(int newRow);
protected:bool eventFilter(QObject *object, QEvent *event);

在使用hoverdelegate 的源文件中
初始化teacherModel 和 delegate

teacherModel = new QStandardItemModel(this);
delegate = new hoverdelegate(this);

设置数据模型

    // 设置数据模型ui->tableView->setModel(teacherModel)；

设置自定义委托

// 设置自定义委托ui->tableView->setItemDelegate(delegate);

安装事件过滤器到 tableView 的视口

// 安装事件过滤器到 tableView 的视口ui->tableView->viewport()->installEventFilter(this);

启用鼠标跟踪

// 启用鼠标跟踪ui->tableView->setMouseTracking(true);

连接到 hoverChanged 信号

// 连接到 hoverChanged 信号connect(delegate, &hoverdelegate::hoverChanged, this, &UserManager::onHoverChanged);

编写鼠标监听事件

bool UserManager::eventFilter(QObject *object, QEvent *event)
{if (event->type() == QEvent::MouseMove && object == ui->tableView->viewport()) {QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);QModelIndex index = ui->tableView->indexAt(mouseEvent->pos());if (index.isValid()) {int newRow = index.row();if (newRow != m_hoverRow) {m_hoverRow = newRow;delegate->setHoverRow(m_hoverRow);ui->tableView->viewport()->update(); // 强制重新绘制ui->tableView->repaint(); // 强制立即重绘整个视图}} else {if (m_hoverRow != -1) {m_hoverRow = -1;delegate->setHoverRow(m_hoverRow);ui->tableView->viewport()->update(); // 强制重新绘制ui->tableView->repaint(); // 强制立即重绘整个视图}}return true; // 表示事件已经被处理}return QObject::eventFilter(object, event);
}

编写onHoverChanged 方法

void UserManager::onHoverChanged(int newRow)
{qDebug() << "Hover row changed to:" << newRow;// 更新当前悬停行并强制重新绘制表格m_hoverRow = newRow;ui->tableView->viewport()->update();
}