Qt Qtableview 的一些用法

最新推荐文章于 2024-07-07 17:21:02 发布
最新推荐文章于 2024-07-07 17:21:02 发布
阅读量684 收藏 5
点赞数
文章标签： c/c++ 大数据 测试
原文链接：http://www.cnblogs.com/Dennis-mi/articles/5261863.html
版权

Qt Qtableview 的一些用法

标签： Qt Qtableview
<转> http://5449763.blog.51cto.com/5439763/1122514
一些Qtableview的用法：
 
一、Qtableview主要借助于QStandardItemModel类来使用，最后再把QStandardItemModel的对象set进去即可
 
QTableView *tableview;
QStandardItemModel *model = new QStandardItemModel（）；
Qtableview用的mvc模式  实际上用到的是model/view居多
tableview->setmodel(model);来使用model
model->setHeaderdata();设置表的column名称；
当然如果想隐藏column名称的话 只需要用：tableview->horizontalHeader()->setVisible(false); 
隐藏row名称：tableview->verticalHeader()->setVisible(false);
若是想设置表格column的样式 使用：tableview->->horizontalHeader()->setStyleSheet();
使用setColumnWidth()来设置Header的宽度;
QT还提供了对表格表头进行设置的model：
tableview->horizontalHeader()->setResizeMode();
tableview->verticalHeader()->setResizeMode(); 
Qt提供的 setResizeMode()有四种：
QHeaderView::Interactive；
QHeaderView::Fixed；
QHeaderView::Stretch；
QHeaderView::ResizeToContents； 
对表格表头设置完之后，接下来就是表格之中的item：
要得到当前选中的item,如下操作：
QModelIndex Index = tableview->currentIndex();得到当前的Index；
QStandardItem *item = listAll->itemFromIndex(index);//根据index 得到item
如果想让点击item 发送信号 则可以使用：
connect(tableview, SIGNAL(clicked ( const QModelIndex &)), this,
  SLOT(Function(const QModelIndex &)));//点击tableview中的item触发信号
 
若要对item可以设置背景颜色  使用：setBackground（）即可；
 
 
二、
 

QStandardItemModel model;

//设置大小

model.setColumnCount(3);    //列
model.setRowCount(musicFound);    //行

//设置标题

model.setHeaderData(0,Qt::Horizontal,"ID");

 

//添加数据

for(int j=0;j<row;j++)
{
            //写id
            QStandardItem *itemID = new QStandardItem("hello");//QString::number(j)));
            model.setItem(j,0,itemID);

}

//选择这个model

m_ui->tableView->setModel(&model);

//隐藏左边那列
m_ui->tableView->verticalHeader()->hide();
//列宽
m_ui->tableView->setColumnWidth(0,30);
//整行选择
m_ui->tableView->setSelectionBehavior(QAbstractItemView::SelectRows);

 

三 动态添加行

    在表格中添加行时，我们只需要在model中插入数据即可，一旦model中的数据发生变化，QTabelView显示就会做相应的变动

    //在第一行添加学生张三的个人信息(setItem函数的第一个参数表示行号，第二个表示列号，第三个为要显示的数据)
    student_model->setItem(0, 0, new QStandardItem(“张三"));
    student_model->setItem(0, 1, new QStandardItem("20120202"));
    student_model->setItem(0, 2, new QStandardItem("男"));
    student_model->setItem(0, 3, new QStandardItem("18"));
    student_model->setItem(0, 4, new QStandardItem("土木学院"));

 

四 设置列名

QTextCodec::setCodecForTr(QTextCodec::codecForName("GB18030"));//编码设置为GB18030 
 setValueModel->setHorizontalHeaderLabels(QStringList() <<tr("名称")<<tr("单位")<<tr("取值范围")<<tr("定值"));
 setValueTableView->setModel(setValueModel);//！！！
 setValueTableView->horizontalHeader()->setStretchLastSection(true);//最后一列对窗口动态变化

五、设置数据显示的样式

//设置单元格文本居中，张三的数据设置为居中显示
    student_model->item(0, 0)->setTextAlignment(Qt::AlignCenter);
    student_model->item(0, 1)->setTextAlignment(Qt::AlignCenter);
    student_model->item(0, 2)->setTextAlignment(Qt::AlignCenter);
    student_model->item(0, 3)->setTextAlignment(Qt::AlignCenter);
    student_model->item(0, 4)->setTextAlignment(Qt::AlignCenter);

    //设置单元格文本颜色，张三的数据设置为红色
    student_model->item(0, 0)->setForeground(QBrush(QColor(255, 0, 0))); 
    student_model->item(0, 1)->setForeground(QBrush(QColor(255, 0, 0))); 
    student_model->item(0, 2)->setForeground(QBrush(QColor(255, 0, 0))); 
    student_model->item(0, 3)->setForeground(QBrush(QColor(255, 0, 0))); 
    student_model->item(0, 4)->setForeground(QBrush(QColor(255, 0, 0)));

    //将字体加粗
    student_model->item(0, 0)->setFont( QFont( "Times", 10, QFont::Black ) );
    student_model->item(0, 1)->setFont( QFont( "Times", 10, QFont::Black ) );
    student_model->item(0, 2)->setFont( QFont( "Times", 10, QFont::Black ) );
    student_model->item(0, 3)->setFont( QFont( "Times", 10, QFont::Black ) );
    student_model->item(0, 4)->setFont( QFont( "Times", 10, QFont::Black ) );

    //设置排序方式，按年龄降序显示
    student_model->sort(3, Qt::DescendingOrder);

 

六 、参考2

QTableView是Qt中用来把数据集以表格形式提供给用户的一个控件，它与C++Builder中的DBGrid作用类似。坦白的说，DBGrid的使用要比QTableView更容易一些。但QTableView在使用麻烦的同时，也提供了更多的灵活性。

　　软件环境： ubuntu

　　最终效果图：

　　 

　　一、添加表头：

  1. QStandardItemModel *model = new QStandardItemModel();
  2. model->setColumnCount(2);
  3. model->setHeaderData(0,Qt::Horizontal,QString::fromLocal8Bit("卡号"));
  4. model->setHeaderData(1,Qt::Horizontal,QString::fromLocal8Bit("姓名"));

复制代码

　　二、设置表格属性：

  1. ui->tableView->setModel(model);
  2. //表头信息显示居左
  3. ui->tableView->horizontalHeader()->setDefaultAlignment(Qt::AlignLeft);
  4. //设置列宽不可变
  5. ui->tableView->horizontalHeader()->setResizeMode(0,QHeaderView::Fixed);
  6. ui->tableView->horizontalHeader()->setResizeMode(1,QHeaderView::Fixed);
  7. ui->tableView->setColumnWidth(0,101);
  8. ui->tableView->setColumnWidth(1,102);

复制代码

　　注：在进行表格设置时必须是“ui->tableView->setModel(model);”在前，属性具体设置在后，

　　反之则设置不会生效。如上述代码所示。

　　三、添加行（添加三行一样的信息）：

  1.  for(int i = 0; i < 3; i++)
  2.  {
  3.      model->setItem(i,0,new QStandardItem("2009441676"));
  4.         //设置字符颜色
  5.      model->item(i,0)->setForeground(QBrush(QColor(255, 0, 0)));
  6.         //设置字符位置
  7.      model->item(i,0)->setTextAlignment(Qt::AlignCenter);
  8.      model->setItem(i,1,new QStandardItem(QString::fromLocal8Bit("哈哈")));
  9.  }

复制代码

　　四、删除行：

  1. //x是指定删除哪一行
  2. model->removeRow(x);
  3. //删除所有行
  4. model->removeRows(0,model->rowCount());

复制代码

　　再举一个例子：

　　在一个药品划价模块中有这样的操作流程：

　　检索处方项目成功后，把该项目显示到QTableView里，把需要编辑的数量字段提供给用户输入，用户输入确认后，该项目留在列表中，然后开始下一项目检索录入。

　　实现过程如下：

　　录入的项目保留在临时表tmp中，界面上的QTableView取名为tbList，与tbList关联的Model取名为tb1。检索成功后，把检索结果插入到临时表中，把需要编辑的字段提供给用户。

  1. tb1=newQSqlTableModel(this,*dbR); //dbR是本应用中的数据源
  2. tb1->setTable("tmp"); //处方临时表

复制代码

　　程序中需要显示的时候，

  1. tbList->setModel(NULL); //清除原先数据集
  2. tbList->setModel(tb1); //刷新显示

复制代码

　　程序中需要提供编辑输入的时候

  1. QModelIndexmdidx=m_ui->tbList->model()->index(row,column); //获得需要编辑的单元格的位置
  2. m_ui->tbList->setFocus(); //把输入焦点交给tbList
  3. m_ui->tbList->setCurrentIndex(mdidx); //设定需要编辑的单元格
  4. m_ui->tbList->edit(mdidx); //开始编辑

复制代码

　　有一个问题需要注意。向QTableView中添加记录时，字段一定要完整，不能有空白字段，否则结果无法保存。切记。

　　如果需要对用户输入做限制，比如只能在指定的字段输入指定的数据类型，可以通过QItemDelegate来实现。

　　贴一段代码，说明QTableView基本用法

  1. QStandardItemModel model;
  2. //设置大小
  3. model.setColumnCount(3); //列
  4. model.setRowCount(musicFound); //行
  5. //设置标题
  6. model.setHeaderData(0,Qt::Horizontal,"ID");
  7. //添加数据
  8. for(int j=0;j<row;j++)
  9. {
  10.             //写id
  11.             QStandardItem *itemID = new QStandardItem("hello");//QString::number(j)));
  12.             model.setItem(j,0,itemID);
  13. }
  14. //选择这个model
  15. m_ui->tableView->setModel(&model);
  16. //隐藏左边那列
  17. m_ui->tableView->verticalHeader()->hide();
  18. //列宽
  19. m_ui->tableView->setColumnWidth(0,30);
  20. //整行选择
  21. m_ui->tableView->setSelectionBehavior(QAbstractItemView::SelectRows);

 

QStandardItemModel model;

//设置大小

model.setColumnCount(3);    //列
model.setRowCount(musicFound);    //行

//设置标题

model.setHeaderData(0,Qt::Horizontal,"ID");

 

//添加数据

for(int j=0;j<row;j++)
{
            //写id
            QStandardItem *itemID = new QStandardItem("hello");//QString::number(j)));
            model.setItem(j,0,itemID);

}

//选择这个model

m_ui->tableView->setModel(&model);

//隐藏左边那列
m_ui->tableView->verticalHeader()->hide();
//列宽
m_ui->tableView->setColumnWidth(0,30);
//整行选择
m_ui->tableView->setSelectionBehavior(QAbstractItemView::SelectRows);

 

 

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做了高级、深入的讲解，加上之前章节对模型/视图的详细用法的介绍，大家应该对这些控件有了更深入的了解，并能更好的使用它们。关于如何处理更为细节的问题，根据这些介绍也能悟出一二，所有的东西都不能尽善尽美，留下的小细节就在实战中慢慢摸索，也许只有遇到困难时，你才会发现还有进步的空间。。。
 
 
注：
    技术在于交流、沟通，转载请注明出处并保持作品的完整性。

转载于:https://www.cnblogs.com/Dennis-mi/articles/5261863.html

aizou2014
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
qt qtableview 刷新列表_qt qtableview基本用法
weixin_42615743的博客
02-04 3755
QTableView常用于实现数据的表格显示。下面我们如何按步骤实现学生信息表格：一 添加表头//准备数据模型QStandardItemModel *student_model = new QStandardItemModel();student_model->setHorizontalHeaderItem(0, new QStandardItem(QObject::tr("Name")))...
QT QTableView用法总结
06-09
QT QTableView用法示例总结，代码简单明了，可参考使用 。
QTableView基本用法
热门推荐
无视江湖的专栏
06-20 2万+
QTableView是Qt中用来把数据集以表格形式提供给用户的一个控件，它与C++Builder中的DBGrid作用类似。坦白的说，DBGrid的使用要比QTableView更容易一些。但QTableView在使用麻烦的同时，也提供了更多的灵活性。 　　软件环境： ubuntu 　　最终效果图： 　　 　　一、添加表头： QStandardItemModel
【QT开发】表格视图QTableView类详解及实战应用
最新发布
科技改变人类，技术成就未来
07-07 2205
QTableView是Qt提供的一个功能强大且灵活的表格视图类，通过本篇文章的学习，你应该对QTableView有了全面的理解，能够在自己的项目中正确使用它。QTableView在用户界面中帮助你更好地展示和管理二维表格数据，实现交互式和响应式的数据展示，有助于创建用户友好和高效的数据表、电子表格、数据库表等应用场景。
QTableview 用法
LYJ个人博客，记录技术、八卦、生活，分享各种心得，期待与朋友们一同进步
09-01 1万+
QStandardItemModel model;//设置大小model.setColumnCount(3);    //列model.setRowCount(musicFound);    //行//设置标题model.setHeaderData(0,Qt::Horizontal,"ID"); //添加数据for(int j=0;j{           
QTableView的用法
weixin_43514545的博客
06-23 402
QTableView的用法 1.QTableView 和QStandardItemModel 配合使用 设置表头宽度 ui->tableView->setColumnWidth(LISTCOLUMN_INDEX, 60); ui->tableView->setColumnWidth(LISTCOLUMN_TIME, 180); ui->tableView->setColumnWidth(LISTCOLUMN_CHANNEL, 70); ui->tableView
qt qtableview动态代理
09-14
在Qt框架中，QTableView是用于显示表格数据的控件，通常与QAbstractItemModel或QStandardItemModel一起使用。然而，QTableView的功能可以进一步增强，通过实现动态代理（Dynamic Proxy）来扩展其交互性。动态代理...
Qt QTableView插入控件,qss设计
06-21
通过以上步骤，你不仅可以学会在Qt的QTableView中插入自定义控件，还能掌握qss进行界面设计的方法，从而创建出美观且功能丰富的表格应用。在实际项目中，不断实践和调试，你会对Qt的QTableView有更深入的理解。
qt qtableview在表头中添加combobox，checkbox，spinbox
09-14
在Qt编程中，QTableView是用于显示表格数据的控件，而QHeaderView则是QTableView的一部分，用于展示列头或行头。本主题聚焦于如何在QTableView的表头（QHeaderView）中添加更丰富的交互元素，如Combobox（下拉框）、...
QTableView用法
左天任的博客
07-09 513
改变View中的样式，跟数据无关，是改变显示的方式，所以是QTableView设置代理，不是model设置代理，SpinDelegate是自定义一个代理，如下，数据编辑改变使用model中dataChanged信号。
qtableview和model配合使用，实现复杂功能
03-19
qtableview和model配合使用，实现较为复杂功能，如view中添加qcheckbox，图片，单击事件实现第等
QTableView的一些用法
菜鸟进化史
09-23 2464
（1）QTableView要获得其中的一项的内容，用如下代码： QModelIndex pModelIndex = m_pUI->tableView_users->model()->index(i,0); QString strName = pItemModel->data(pModelIndex).toString(); （2）要使表格可以按住ctrl键和shift多选  不按住任何键的时
QTableView 使用
04-30 481
QTableView 使用
Qt | QTableView的使用方法
^_^
03-11 8809
Qt | QTabelView的使用方法 1、设置模型显示 # 创建3X3模型,如果不指定表格大小，那么他会根据标签的数量自行定义表格大小 model = QStandardItemModel(3, 3, self.__MainWindow) # 设置行标签 model.setHorizontalHeaderLabels(['编号', '姓名', '年龄']) # 设置列标签 model.setVertical
QTableView用法小结
蜗牛的专栏
04-07 798
QTableView常用于实现数据的表格显示。下面我们如何按步骤实现学生信息表格： 一 添加表头 //准备数据模型 QStandardItemModel *student_model = new QStandardItemModel(); student_model->setHorizontalHeaderItem(0, new QStandardItem(QObj
Qt：QTableView（01） 的用法
以爱护甲,爱满枫林。
10-09 852
【代码】Qt：QTableView（01） 的用法。
QTableView组合键Shift多选以及拖动多选（以日历的方式展示）
m32692529的专栏
01-13 2177
代码是从一个完整的工程里面抽取出来的，所以有些地方可以根据需要修改，QTableView/QTableWidget都能适用 我们在特定的需求下（日历日程的）需要连续选中的一些Item，而Qt默认的只能选中N行或者N列，如图 下面看一下处理过后的效果图： 接下来就是代码了，很简单的以后工程，后面会放工程代码的链接 1、选中firstIndex到lastIndex中间的所有ite...
QTableView(QAbstractTableModell)添加多选框
折花刀的博客
04-26 1599
1，界面： 2，代码结构： 3，tablemodel.h /* @brief 表模型类 * * 通过继承QAbstractTableModel实现表格的MVC模型 * * @author zhaoyong */ #ifndef TABLEMODEL_H #define TABLEMODEL_H #include <QAbstractTableModel>...
qt qtableview整行悬停状态样式
11-28
为了实现Qt QTableView整行悬停状态样式，我们可以通过设置QSS样式以及使用QEvent事件来实现。首先，我们可以通过设置QSS样式来定义整行悬停状态的外观样式，例如设置背景色或者字体颜色等。其次，我们可以通过在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值