如何获取从UART到QList Qt的2D数组<QString>并在QML上设置文本

Question

我收到一个来自UART的2D数组，该数组是从Arduino发送的。 我可以在调试中显示它，但我无法将其保存在 QList 变体中以在 QML 中为矩形矩阵设置文本。

我想在每个矩形的 QML 上显示文本。

我能做什么？

这是Arduino代码。我发送 2d 数组 17x17

void setup(){
pinMode(LED_BUILTIN,OUTPUT);
analogWrite(LED_BUILTIN,255);
Serial.begin(115200);
void loop(){
double data[17][17];
if(Serial.available()){
delay(100);
for(int i=0; i<17; i++){
for(int j=0; j<17; j++){
data[i][j] = i+j+0.01;
sendData(data[i][j]);
delay(10);
}
}
}
return;
}
void sendData(double data){
Serial.print((data));
}

这是读取串行函数：

void serial::readSerial(){
serialData = arduino.readAll();
qDebug()<< serialData <<"n"; 
}

QML 文件：

import QtQuick 2.12
import QtQuick.Window 2.12
Window {
visible: true
width: 17*square_size
height: 17*square_size
title: qsTr("Hello World")
property int  square_size: 30
Grid {
id: grid
columns: 17
Repeater{
id: rpt
model: 17*17
Rectangle{
width: square_size
height: square_size
border.color: "black"
border.width: 1
Text {
anchors.centerIn: parent
text: Serial.model_data[index]
}
}
}
}
}

序列号.h：

#include <QQmlApplicationEngine>
#include <QSerialPort>
#include <QSerialPortInfo>
#include <QtDebug>
class serial: public QObject
{
Q_OBJECT
Q_PROPERTY(QList<QString> text READ text  NOTIFY textChanged)
public:
explicit serial(QQmlApplicationEngine *engine, QObject *parent = nullptr);
~serial();
void setupSerial();
Q_INVOKABLE QList<QString> text(){
return m_text;
}
private slots:
void readSerial();
private:
QQmlApplicationEngine* m_engine;
/* Varian of Arduino*/
QSerialPort arduino;
bool arduino_is_avaiable;
QString portName;
QByteArray serialData;
/*Varian of text*/
QList<QString> m_text;
signals:
void textChanged();
public slots:
};
#endif // SERIAL_H

主.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "serial.h"
int main(int argc, char *argv[]) 
{
QGuiApplication app(argc, argv);
QQmlApplicationEngine engine;
serial myserial(&engine);
engine.rootContext()->setContextProperty("Serial", &myserial);
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
return app.exec();
}

Answer 1

我认为您缺少读取数据的Serial类的属性：text: Serial.model_data[index].在屏幕上获取某些内容的最快解决方案是添加该属性并按如下方式填充它：

Serial.h (我省略了一些部分(

class Serial : public QObject
{
Q_OBJECT
Q_PROPERTY(QVariantList model_data READ model_data NOTIFY modelDataChanged)
public:
explicit Serial(QObject *parent = nullptr);
QVariantList model_data() const { return model_data_; }
signals:
void modelDataChanged();
private slots:
void readSerial();
private:
QVariantList model_data_;
};

readSerial()函数如下所示：

void Serial::readSerial()
{
QByteArray serialData = QByteArray(17 * 17 * 8, 0); //shortcut for testing
double *arr = reinterpret_cast<double*>(serialData.data());
model_data_.clear();
for(int i=0;i<17*17;i++)
{
model_data_.append(arr[i]);
}
emit modelDataChanged();
}

发生的情况是，QVariant 列表中充满了双精度，这些双精度已从字节重新解释为双精度。请注意，每次serialData更改时都必须执行此操作。

但是，如果您想进一步解决此问题，这可能并不理想。更改尺寸时，此设置将在 arduino 发送端、arduino 读取端和 qml 端失败。您应该考虑发送数组的维度，读取这些维度并对其执行操作。一个想法可能是QAbstractListModel，它已经有了行/列的概念;另一个更简单的想法可能是将属性添加到Serial类中，说明维度(在readSerial()中读取(