首页 / PHP / 使用C++实现QML的TreeViewModel（一）_PHP教程

使用C++实现QML的TreeViewModel（一）_PHP教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用C++实现QML的TreeViewModel（一）_PHP教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5004字，纯文字阅读大概需要8分钟。

内容图文

使用C++实现QML的TreeView Model （一）

QML中的数据访问组件如ListView、TableView、GridView通常使用ListModel做为数据提供者，这种应用有相当大局限性，如无法访问本地文件系统、无法连接到传统的SQL数据库，所以通常在使用中都是通过C++实现数据访问，通过QML进行数据展示和编辑，常用的数据模型组件有QAbstractItemModel、QAbstractTableModel、QSQLTableModel等。所有的高级Model组件都继承自QAbstractItemModel，只要了解QAbstractItemModel的接口函数和运作机理，就可以了解QT的Model/View机制实现方式。
QAbstractItemModel是一个抽象类，要实例化QAbstractItemModel必须继承并至少实现以下5个方法：

int rowCount(const QModelIndex &parent=QModelIndex()) const;
int columnCount(const QModelIndex &parent=QModelIndex()) const;
QModelIndex index(int row, int column, const QModelIndex &parent=QModelIndex()) const;
QVariant data(const QModelIndex &index, int role=Qt::DisplayRole) const;
QModelIndex parent(const QModelIndex &child) const;
与 QWidget组件不同的是，在QML的数据模型中，并不通过列（Column）进行数据访问，而是通过Role进行数据访问，例如：

  1. TableView{
     
  2. id:tableView1
  3. anchors.fill: parent
  4. TableViewColumn{
  5. width:50
  6. title:""
  7. role:"tagging" 
  8. }

  10. TableViewColumn{
  11. width:80
  12. title:"操作"
  13. role:"name" 
  14. } 
  15. }
TableViewColumn是TableView的列定义，TableViewColumn通过role属性定义来向model获取数据，TableView会通过调用model的roleNames()方法来获取model可用的role。所以，除了必须要实现的5个虚函数外，还必须重新实现roleNames()来告诉View有哪些role是可用的，roleNames()的原型如下：


  1. QHash<int,QByteArray> roleNames() const;



以下是一个完整的Model类定义：

  1. classSqlMenuEntry:public QAbstractItemModel,public QQmlParserStatus
     
  2. {
  3. Q_OBJECT
  4. public:
  5. explicit SqlMenuEntry(QObject *parent=0);
  6. ~SqlMenuEntry();
  7. enum MenuEntryRoles{idRole=Qt::UserRole+1,nameRole,defaultEntryRole,customEntryRole,iconRole,iconHoverRole};
  8. int rowCount(const QModelIndex &parent=QModelIndex()) const;
  9. int columnCount(const QModelIndex &parent=QModelIndex()) const;
  10. QModelIndex index(int row, int column, const QModelIndex &parent=QModelIndex()) const;
  11. QVariant data(const QModelIndex &index, int role=Qt::DisplayRole) const;
  12. QModelIndex parent(const QModelIndex &child) const;
  13. QHash<int,QByteArray>roleNames() const;
  14. private:
  15. QHash<int,QByteArray> mRoleNames;
  16.  QList<QHash<int,QVariant>> mRecords; //真正的数据保存在这里,QList只能保存二维数据没办法保存树状节点，这里仅仅是例子
  17. };

roleNames()的实现相当简单：

  1. QHash<int, QByteArray> SqlMenuEntry::roleNames() const
     
  2. {
  3. return mRoleNames;
  4. }
mRoleNames可以在类构造函数中进行初始化：

  1. SqlMenuEntry::SqlMenuEntry(QObject *parent)
     
  2. :QAbstractItemModel(parent)
  3. {
  4. mRoleNames[nameRole] = "name";
  5. mRoleNames[idRole] = "menuid";
  6. mRoleNames[iconRole] = "icon";
  7. mRoleNames[defaultEntryRole] = "default";
  8. mRoleNames[iconHoverRole] = "iconHover";
  9. }
在QML中就可以通过"name"、"menuid"、"icon"对数据进行访问：

  1. ListView{
     
  2. model:MenuEntryModel{ }
  3. delegate:Item{
  4. Column{
  5. Text{text:name}
  6.  Text{text:icon}
  7. }
  8. }
  9. }
如果仅为二维表提供数据，那么根据以上几个接口函数的名称就可以简单的实现数据供给View视图，其中：


  1. int SqlMenuEntry::rowCount(const QModelIndex &parent) const
     
  2. {
  3.  return mRecords.size();

  5. } 
  6. int SqlMenuEntry::columnCount(const QModelIndex &parent) const 
  7. { 
  8.  return 1;  //QML不使用列获取数据，默认返回一列，不返回1例的话，View控件会认为表是空表，不获取数据 
  9. } 
  10. QModelIndex SqlMenuEntry::index(int row, int column, const QModelIndex &parent) const 
  11. { 
  12.   if((row >= 0)&&(row < mRecords.size())) 
  13.   { 
  14.     return createIndex(row,column); 
  15.   } 
  16.   return QModelIndex();  //返回一个无效的空索引 
  17. } 
  18. QModelIndex SqlMenuEntry::parent(const QModelIndex &child) const 
  19. { 
  20.   return QModelIndex(); //二维表中的行没有parent节点 
  21. } 
  22. QVariant SqlMenuEntry::data(const QModelIndex &index, int role) const 
  23. { 
  24.   if(index.isValid) 
  25.   { 
  26.    return mRecords[index.row()][role]; 
  27.   } 
  28. }



mRecords中的数据可以按需求生成，如通过QSqlQuery组件从数据库服务器获取，获取添加数据：

  1.  QHash<int,QVariant> row;
     
  2. row[nameRole] = "name1";
  3. row[iconRole] = "icon1";
  4. mRecords.append(row);
实现后的model类可以通过

  1. qmlRegisterType("com.limutech.tv",1,0,"MenuEntryModel");
进行注册，注册后的类可以在QML生成实例：

  1.  import com.limutech.tv 1.0
     
  2. MenuEntryModel{
  3. id:menuEntryModel
  4. }
  5. ListView{
  6. model:menuEntryModel
  7. ...
  8. }
View组件获取数据的流程大概如下：
1、View调用rowCount(constQModelIndex &parent)并传递一个空的parent获取根节点的行数；
2、View调用columnCount(const QModelIndex &parent)并传递一个空的parent获取根节点的列数；
3、View对各行列枚举调用index(int row, int column, const QModelIndex &parent)交传行号、列号和空的parent获取根节点QModelIndex;
4、继续以返回的modelIndex为parent获取每行的rowCount和columnCount，如果大于0则该节点还有子节点；
5、调用roleNames返回可用的role列表
6、以返回的modelIndex和role为参数，调用data获取数据并使用相应的delegate进行显示
所以要显示一个树状列表，需要对二维表模型进行完善，处理parent不为空的情况，同时，模型应该可以存储树状数据，在下一节我将继续分享层次模型的实现方式和涉及数据修改的一些实现。








www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1120299.htmlTechArticle使用C++实现QML的TreeView Model （一） QML中的数据访问组件如ListView、TableView、GridView通常使用ListModel做为数据提供者，这种应用有相当大局限...

内容总结

以上是互联网集市为您收集整理的使用C++实现QML的TreeViewModel（一）_PHP教程全部内容，希望文章能够帮你解决使用C++实现QML的TreeViewModel（一）_PHP教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/190559.html

来源：【匿名】