Qml类型与Qt类型对照表

╰+攻爆jí腚メ 2022-12-25 05:56 307阅读 0赞

> 以表格方式列出支持那些类型。

### Qml类型与Qt类型对照表 ###

<table> 
 <thead> 
  <tr> 
   <th>Qml类型</th> 
   <th>Qt类型</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>bool</td> 
   <td>bool</td> 
  </tr> 
  <tr> 
   <td>int</td> 
   <td>unsigned int, int</td> 
  </tr> 
  <tr> 
   <td>double</td> 
   <td>double</td> 
  </tr> 
  <tr> 
   <td>real</td> 
   <td>float, qreal</td> 
  </tr> 
  <tr> 
   <td>string</td> 
   <td>QString</td> 
  </tr> 
  <tr> 
   <td>url</td> 
   <td>QUrl</td> 
  </tr> 
  <tr> 
   <td>color</td> 
   <td>QColor</td> 
  </tr> 
  <tr> 
   <td>font</td> 
   <td>QFont</td> 
  </tr> 
  <tr> 
   <td>date</td> 
   <td>QDateTime</td> 
  </tr> 
  <tr> 
   <td>point</td> 
   <td>QPoint, QPointF</td> 
  </tr> 
  <tr> 
   <td>size</td> 
   <td>QSize, QSizeF</td> 
  </tr> 
  <tr> 
   <td>rect</td> 
   <td>QRect, QRectF</td> 
  </tr> 
  <tr> 
   <td>matrix4x4</td> 
   <td>QMatrix4x4</td> 
  </tr> 
  <tr> 
   <td>quaternion</td> 
   <td>QQuaternion</td> 
  </tr> 
  <tr> 
   <td>vector2d, vector3d, vector4d</td> 
   <td>QVector2D, QVector3D, QVector4D</td> 
  </tr> 
  <tr> 
   <td>var，variant</td> 
   <td>QVariant</td> 
  </tr> 
  <tr> 
   <td>enumeration</td> 
   <td>使用Q_ENUM()或Q_ENUMS()声明的枚举</td> 
  </tr> 
 </tbody> 
</table>

### js类型与Qt类型对照表 ###

<table> 
 <thead> 
  <tr> 
   <th>js类型</th> 
   <th>Qt类型</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>数组</td> 
   <td>QVariantList</td> 
  </tr> 
  <tr> 
   <td>对象</td> 
   <td>QVariantMap</td> 
  </tr> 
  <tr> 
   <td>Date</td> 
   <td>QDateTime, QTime</td> 
  </tr> 
  <tr> 
   <td>ArrayBuffer</td> 
   <td>QByteArray</td> 
  </tr> 
 </tbody> 
</table>

### js数组与Qt容器支持的类型 ###

*  `QList<int>`
 *  `QList<qreal>`
 *  `QList<bool>`
 *  `QList<QString>`，`QStringList`
 *  `QVector<QString>`
 *  `std::vector<QString>`
 *  `QList<QUrl>`
 *  `QVector<QUrl>`
 *  `std::vector<QUrl>`
 *  `QVector<int>`
 *  `QVector<qreal>`
 *  `QVector<bool>`
 *  `std::vector<int>`
 *  `std::vector<qreal>`
 *  `std::vector<bool>`
 *  通过使用**Q\_DECLARE\_METATYPE**宏还可以自定义的QList, QVector, QQueue, QStack, QSet, QLinkedList, std::list, std::vector转换到js数组中中。

### 其他类型方法 ###

*  **Qml**类型的另外实现

<table> 
 <thead> 
  <tr> 
   <th>Qml实现</th> 
   <th>Qt方法</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>“10,10,100x100”</td> 
   <td>Qt.rect(10, 10, 100, 100)</td> 
  </tr> 
  <tr> 
   <td>“0,10”</td> 
   <td>Qt.point(0, 10)</td> 
  </tr> 
  <tr> 
   <td>“100x100”</td> 
   <td>Qt.size(100, 100)</td> 
  </tr> 
  <tr> 
   <td>date</td> 
   <td>Qt.formatDate(“2019-01-01 00:00”)，<br> Qt.formatDateTime(“2019-01-01 00:00”)</td> 
  </tr> 
 </tbody> 
</table>

*  **var**可以支持的类型

<table> 
 <thead> 
  <tr> 
   <th>类型</th> 
   <th>值表示</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>bool</td> 
   <td>true</td> 
  </tr> 
  <tr> 
   <td>int</td> 
   <td>10</td> 
  </tr> 
  <tr> 
   <td>double</td> 
   <td>1.0</td> 
  </tr> 
  <tr> 
   <td>real</td> 
   <td>1.0</td> 
  </tr> 
  <tr> 
   <td>string</td> 
   <td>“This is string.”，String(“This is string.”)</td> 
  </tr> 
  <tr> 
   <td>color</td> 
   <td>Qt.rgba(0.1, 0.1, 0.1, 0.1)</td> 
  </tr> 
  <tr> 
   <td>rect</td> 
   <td>Qt.rect(100, 100, 100, 100)</td> 
  </tr> 
  <tr> 
   <td>point</td> 
   <td>Qt.point(100, 100)</td> 
  </tr> 
  <tr> 
   <td>size</td> 
   <td>Qt.size(100, 100)</td> 
  </tr> 
  <tr> 
   <td>vector3d</td> 
   <td>Qt.vector3d(100, 100, 100)</td> 
  </tr> 
  <tr> 
   <td>数组</td> 
   <td>[1, “2”, (function() { return “3”; })]</td> 
  </tr> 
  <tr> 
   <td>对象</td> 
   <td>{ “value1”: 1, “value2”: 2 }</td> 
  </tr> 
  <tr> 
   <td>函数</td> 
   <td>(function() { return “OK”; })</td> 
  </tr> 
 </tbody> 
</table>