QTableView

Qt之QTableView

(2014-02-20 15:29:11)
   之前有讲解过QTableWidget的使用( QTableWidget详解(样式、右键菜单、表头塌陷、多选等) ),已经算是很详细了,这节再讲更常用的视图部件QTableView的高级用法。
    Qt中有几种纯粹的视图部件:QListView、QTableView、QColumnView、QTreeView,所有的这些视图都必须提供一个模型(无论是自定义,还是Qt中已提供的)来与之配合。Qt仍然提供了一些 便利的窗口部件(“便利”是因为它们提供了自己内置的模型,并能直接使用),如;QListWidget、QTableWidget、和QTreeWidget。还有QComboBox,既是一个便利的窗口部件也是一个视图部件,也就是说,我们既可以直接使用(因为它提供了内置的模型),也能把它当做一个模型的视图部件(这种情况下,可以提供一个合适的模型给它)。
   之所以说 视图部件 常用,是因为在编程的过程当中经常遇到大数据集,使用视图/模型就显得更有效率。当然,对于数据集较小(数百或数千个项)的应用程序,选择便利部件比较合适。
   这节不再去过多的讲解模型/视图如何使用( Qt之模型/视图(实时更新数据)一节有特别介绍 ),更多的是讨论QTableView的深入用法。

一、实现QToolTip
1.设置鼠标跟随
table_view->setMouseTracking(true); 
2.实现自定义槽函数
void TableView::showToolTip(const QModelIndex &index)
{
        if(!index.isValid())
                return;

        int row = index.row();
        QString file_name = list_file.at(row);

        if(file_name.isEmpty())
                return;

        QToolTip::showText(QCursor::pos(), file_name); 
}
3.连接信号与槽
connect(this, &TableView::entered, this, &TableView::showToolTip); 

效果如下:
Qt之QTableView


二、整行选中(去掉选中时的虚线),并设置选中色
1.设置整行选中
table_view->setSelectionBehavior(QAbstractItemView::SelectRows); 
2.实现自定义委托(QStyledItemDelegate)
void StyledDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const  
{  
        QStyleOptionViewItem  view_option(option);  
        if (view_option.state & QStyle::State_HasFocus) {  
                view_option.state = view_option.state ^ QStyle::State_HasFocus;  
        }

        QStyledItemDelegate::paint(painter, view_option, index);
}
3.设置委托
table_view->setItemDelegate(styled_delegate);
4.使用QSS设置选中色
QTableView{
        border:none;
        background:white;
}
QTableView::item:selected{
        color:white;
        background:rgb(34, 175, 75);    
}

效果如下:
Qt之QTableView

三、设置鼠标滑过颜色

1.鼠标滑过某item项高亮(自定义代理里面添加滑过样式)
void StyledDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const  
{  
        QStyleOptionViewItem  view_option(option);  
        if (view_option.state & QStyle::State_HasFocus) {  
                view_option.state = view_option.state ^ QStyle::State_HasFocus;  
        }

        //添加鼠标滑过的背景色
        if(option.state & QStyle::State_MouseOver){
                painter->fillRect(view_option.rect, QColor(180, 200, 220));
        }

        QStyledItemDelegate::paint(painter, view_option, index);
}  

效果如下:
Qt之QTableView

    这种情况下,可以看出,当鼠标滑过某个item项的时候,改项会改变颜色,但选中的时候是整行选中,则看起来很不协调,下面将讲述如何实现鼠标滑过后整行高亮效果。

2.鼠标滑过整行高亮

自定义视图中实现以下几个方法:
void TableView::mouseMoveEvent ( QMouseEvent * event)

{
        int row = indexAt(event->pos()).row();
        updateRow(row);
}
void TableView::leaveEvent ( QEvent * event )

{
        table_model->setHoverRow(-1);

    int column_count= model()->columnCount();
        for (int i = column_count- 1; i >= 0; i--)
        {
                update(model()->index(current_row, i));
        }
        current_row = -1;
}
void TableView::updateRow(int row)

{
        if (row == current_row)
                return;

        table_model->setHoverRow(row);

   int column_count= model()->columnCount();
        for (int i = column_count- 1; i >= 0; i--)
        {
                update(model()->index(current_row, i));
                update(model()->index(row, i));
        }
        table_model->showToolTip(row);  //自定义方法用来进行QToolTip的显示
        current_row = row;
}

自定义模型中实现以下几个方法:
void TableModel::setHoverRow(int hover_row)

{
        this->hover_row = hover_row;
}
QVariant ConvertPdfModel::data(const QModelIndex &index, int role) const
{
        if (!index.isValid())
                return QVariant();

        int row = index.row();  //行号
        if (row < 0 || row >= list_file.size())
                return QVariant();

        int column = index.column();
        QString name = list_file.at(row);
        switch (role) {
        case Qt::BackgroundColorRole:{
                        if (row == hover_row) {
                                return QColor(180, 200, 220);
                        }
                }
        case Qt::DecorationRole: {  //图标
                        //...
                }
        case Qt::DisplayRole: {  //文本
                        //...
                }
        case Qt::TextAlignmentRole: {  //对齐方式
                        //...
                }
        default:
                return QVariant();
        }

        return QVariant();
}

效果如下:
Qt之QTableView

    updateRow主要是进行颜色更新的,鼠标所在行号若与之前的行号保持一致(鼠标一直处于当前行),则直接返回,否则(行号改变),进行更新。mouseMoveEvent、leaveEvent主要处理鼠标移动、离开过程中的逻辑—— 然后调用updateRow函数进行实时更新。

总结:    
    以上针对QTableView做了高级、深入的讲解,加上之前章节对模型/视图的详细用法的介绍,大家应该对这些控件有了更深入的了解,并能更好的使用它们。关于如何处理更为细节的问题,根据这些介绍也能悟出一二,所有的东西都不能尽善尽美,留下的小细节就在实战中慢慢摸索,也许只有遇到困难时,你才会发现还有进步的空间。。。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QTableView是Qt框架中的一个类,用于展示表格数据。要使用QTableView,需要先包含头文件#include <QTableView>和#include <QStandardItemModel>。然后创建一个QTableView对象和QStandardItemModel,并使用QTableView的setModel()函数将视图和模型对象进行绑定。 以下是一个继承QTableView的示例代码: ```cpp // .h #include <QTableView> #include <QStandardItemModel> class DBTableView : public QTableView { public: explicit DBTableView(QWidget* _parent_widget = nullptr); ~DBTableView() override; private: QStandardItemModel* db_table_model_; }; // .cpp DBTableView::DBTableView(QWidget* _parent_widget) : QTableView(_parent_widget) { db_table_model_ = new QStandardItemModel(); setModel(db_table_model_); } DBTableView::~DBTableView() {} ``` 要填充表格数据,可以使用QStandardItemModel作为表格的数据模型。每一行每一列的数据可以通过操作模型来设置。 以下是一个使用QStandardItemModel的示例代码: ```cpp // .h #include <QStandardItemModel> #include <QWidget> #include <QTableView> #include <QStandardItem> #include <QPushButton> #include <QHBoxLayout> #include <QVBoxLayout> #include <QEvent> #include <QMenu> #include <QDebug> class TableViewWidget : public QWidget { Q_OBJECT public: TableViewWidget(QWidget* parent = nullptr); ~TableViewWidget(); private: void initTableView(); private: QTableView* m_pMyTableView; QStandardItemModel* m_model; QPushButton* m_pBtnRemove; QPushButton* m_pBtnAdd; }; // .cpp TableViewWidget::TableViewWidget(QWidget* parent) : QWidget(parent) { initTableView(); } TableViewWidget::~TableViewWidget() { delete m_model; } void TableViewWidget::initTableView() { m_model = new QStandardItemModel(this); m_pMyTableView = new QTableView(this); m_pMyTableView->setModel(m_model); // 设置其他属性和布局 // 添加到布局中 QVBoxLayout* layout = new QVBoxLayout(this); layout->addWidget(m_pMyTableView); layout->addWidget(m_pBtnRemove); layout->addWidget(m_pBtnAdd); setLayout(layout); } bool TableViewWidget::eventFilter(QObject* object, QEvent* event) { // 事件过滤器的处理逻辑 // ... return false; } ``` 在创建完QTableView对象后,可以设置使用自定义菜单策略,并进行信号槽关联。下面是一个示例: ```cpp void TestTable::tableViewMenu(const QPoint& _pos) { // 响应数据处理 } void TestTable::initUI() { // ... connect(table_view, &QTableView::customContextMenuRequested, this, &TestTabel::tableViewMenu); } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值