我的环境是ubuntu20.04，QT5.15.2，我想用QML界面最左边有一列宽度为20的界面，界面上通过颜色展示后端状态变化，界面状态通过connect从其他地方传输。

要在QML界面中添加一个宽度为20的列并在其中显示后端状态，您可以按照以下步骤进行操作：

1. 在QML中添加一个Column布局组件，并将其放置在主界面的左侧，以创建一个宽度为20的列。

Column {
    width: 20
    // 添加子组件以显示状态
}

2. 添加用于显示后端状态的组件，例如一个简单的矩形。

Column {
    width: 20

    Rectangle {
        width: parent.width
        height: parent.height / 2
        color: "green" // 用于表示后端状态的颜色
    }

    // 添加其他组件
}

3. 使用connect函数将状态从后端传输到QML界面。假设您已经有了一个名为statusChanged的信号和一个名为updateStatus的槽函数，可以使用以下代码将它们连接起来：

// C++ 代码
class Backend : public QObject {
    Q_OBJECT
signals:
    void statusChanged(QString status);
public slots:
    void updateStatus(QString status) {
        emit statusChanged(status);
    }
};

// 在QML中使用
Backend backend;
QQmlContext *context = engine.rootContext();
context->setContextProperty("backend", &backend);
engine.load(QUrl("qrc:/main.qml"));

// 在QML 中连接信号和槽
Column {
    width: 20

    Rectangle {
        width: parent.width
        height: parent.height / 2
        color: backend.status === "connected" ? "green" : "red"
    }

    // 添加其他组件
}

在上面的代码中，我们首先创建了一个名为Backend的C++类，该类具有一个名为statusChanged的信号和一个名为updateStatus的槽函数。我们还将该类的实例backend添加到QML上下文中，以便在QML中使用。

在QML中，我们使用了Column组件中的backend对象的属性status来显示状态。我们使用三元运算符来选择显示绿色或红色，具体取决于状态是否为“connected”。最后，我们添加了其他组件来完善界面。