如何在Repeater内的UI QML（QT）中显示列表中的值

2 回答

• 0

  Qt文档非常清楚 . 你需要阅读的第一个是that article . 我认为在你的情况下，最简单的方法是list-based model . 或者，对于cource，您可以继承QAbstractListModel .

  你的问题不是那么清楚，你没有提供你的模型的代码，但也许这个小例子可以帮助你：

  Declaration

  class MyModel : public QAbstractListModel
      {
          Q_OBJECT
      public:
          enum PointRoles {
                    XRole = Qt::UserRole + 1,
                    YRole
                };
          MyModel(QObject *parent = Q_NULLPTR);
          int rowCount(const QModelIndex &parent = QModelIndex()) const;
          QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const;
          QHash<int, QByteArray> roleNames() const;
  
      private:
          QList<QPoint> m_list;
      };
  

  Implementation

  MyModel::MyModel(QObject *parent) :
      QAbstractListModel(parent)
  {
  }
  
  QHash<int, QByteArray> MyModel::roleNames() const {
       QHash<int, QByteArray> roles;
       roles[XRole] = "xcoord";
       roles[YRole] = "ycoord";
       return roles;
   }
  
  int MyModel::rowCount(const QModelIndex &parent) const
  {
      Q_UNUSED(parent);
      return m_list.count();
  }
  
  QVariant MyModel::data(const QModelIndex &index, int role) const
  {
      if(role == XRole)
          return m_list[index.row()].x();
      else if(role == YRole)
          return m_list[index.row()].y();
  
      return QVariant();
  }
  

  Registation

  qmlRegisterType<MyModel>("qt.test", 1, 0, "PointModel");
  

  Usage

  Window {
      visible: true
      width: 800
      height: 800
      PointModel {id: mymodel}
      Repeater {
          model: mymodel
          delegate: Rectangle {
              x: 100 + xcoord
              y: 100 + ycoord
              width: 20
              height: 20
              color: "red"
              radius: 10
          }
      }
  }
  

  回复于 2024-04-28T08:21:12+08:00
• 0

  *** SOLVED ***

  在 main.qml 中你可以有类似的东西，它处理全局绘图程序 .

  Repeater
      {
          model: dotModel
          delegate:
          DotPositionOnMap{}
      }
  

  DotPositionOnMap.qml 将读取x和y坐标列表，并且对于两者的每个元素将创建一个点项目对象，该对象将显示在屏幕上 .

  import QtQuick 2.5
  
  Item
  {
  
  id: dotPositionOnMap
  objectName: "dotoPositionOnMap"
  
  Component.onCompleted:
  {
   // yCoordinatesList would have given the same result
   var dotListLength = xCoordinatesList.length;
  
  // Dot properties can by handled dynamically
  var dotWidth = 5;
  var dotHeight = 5;
  var dotRadius = 10;
  var dotColor = "red"
  
  // For each entry of xCoordinatesList and yCoordinatesList
  // I generate a DotShape qml object that will display a dot on the screen
  for(var i = 0; i < dotListLength; i++)
  {
  
      var currentXValue = xCoordinatesList[i];
      var currentYValue = yCoordinatesList[i];
      // x and y pixrl values for a DotShape.qml instance
      var xPositionOnMap = currentXValue-(dotWidth/2);
      var yPositionOnMap = currentYValue-(dotHeight/2);
  
      // Creating DotShape.qml component
      var comp = Qt.createComponent("DotShape.qml");
  
      var dotComponent = comp.createObject(dotPositionOnMap,
                                             {
                                                 "x": xPositionOnMap,
                                                 "y": yPositionOnMap,
                                                 "width": dotWidth,
                                                 "height": dotHeight,
                                                 "color": dotColor,
                                                 "radius": dotRadius
                                             });
  } // end for
  } // end script
  } // end Item
  

  最后 DotShape.qml ，这只是在x，y坐标处绘制的一个小红点

  import QtQuick 2.5
  
  Rectangle
  { 
  // Other properties are generated at runtime
  id: dotShapeId;
  objectName: "dotShapeId";
  }
  

  回复于 2024-04-28T08:21:12+08:00