编写一个qt发送信息ui界面的代码

在Qt中创建一个简单的发送消息UI界面，我们可以使用Qt Creator或者直接编写QML和C++代码。这里是一个基本的例子，展示如何创建一个包含输入框、发送按钮和接收消息显示区域的界面：

首先，我们使用QML来设计用户界面：

import QtQuick 2.0
import QtQuick.Controls 2.0

Window {
    id: mainWindow
    width: 400
    height: 300
    title: "消息发送"

    Column {
        spacing: 10

        TextField {
            id: inputField
            anchors.top: parent.top
            anchors.left: parent.left
            placeholderText: "请输入消息"
        }

        QPushButton {
            text: "发送"
            onClicked: {
                sendMessage(inputField.text)
                inputField.clear()
            }
            anchors.bottom: parent.bottom
            anchors.right: parent.right
        }

        ScrollArea {
            id: messageArea
            anchors.fill: parent
            ScrollView.verticalPolicy: UIScrollView.VerticalPolicy.ScrollBarAsNeeded
            contentItem: Text {
                id: messageList
                font.family: "Monospace"
                color: "gray"
            }
        }
    }
}

function sendMessage(text) {
    // 这里只是一个示例，实际需要连接到后台或其他服务来发送消息
    MessageList.append(text + "\n");
}

然后，在C++后端部分添加`MessageList`作为消息列表，并处理发送消息函数:

#include <QQmlContext>
#include <QQmlEngine>

class MessageModel : public QObject
{
    Q_OBJECT
public:
    explicit MessageModel(QObject* parent = nullptr)
        : QObject(parent)
    {
        QQmlEngine::setObjectOwnership(this, QQmlEngine::CppOwnership);
    }

    static void append(const QString& message)
    {
        static QQuickItem *listItem;
        if (!listItem) {
            listItem = new QLabel(QStringLiteral("Message List"));
            QQmlContext *context = QQmlEngine::engine()->rootContext();
            context->setContextProperty(QStringLiteral("messageList"), listItem);
        }
        QQuickItem *item = QQmlEngine::createQObject(QStringLiteral("MessageItem"), listItem);
        item->setProperty(QStringLiteral("text"), message);
    }

signals:
};

// 如果你有其他信号槽对应的行为，可以在此处添加

在这个例子中，我们在QML中创建了一个文本输入框、一个发送按钮和一个滚动条，点击发送按钮时会清空输入框并调用`sendMessage`函数，这个函数模拟了向消息列表添加新消息的操作。