c++ - QT Text.WordWrap 在 ColumnLayout 中不起作用

Question

我正在使用 QT QML 开发应用程序。我在使用 QML 时遇到了一个奇怪的问题。我想使用 QML 分割和显示长文本。我正在使用 QT Text执行此任务的元素。我想将此文本放在 QT Columnlayout 中与其他 UI 元素。我无法将长文本显示为多行文本。请帮我解决这个问题。这是我的 QML 代码。

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0

ApplicationWindow {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
color: "#18d28a"

    ColumnLayout{
        id: base_coloumn_layout
        width: parent.width
        Layout.margins: 10

        Text {
            id: application_instruction
            width: 640
            text: qsTr("xyxvx dgdgdh dhdgdd dhdgdhhgd dhhhdgd dhdgdg dhdgdh djhddh djddgdhgdh dhdgdhgdgh dhgdgdhj dhdgdghdg dhjdgdgd.")
            color: "#000000"
            font.pointSize: 12
            wrapMode: Text.WordWrap
        }
    }
}

当放置在 ColoumnLayout 之外时，相同的元素可以正常工作。我可以使用下面的代码将文本显示为多行。我希望相同的代码应该作为 ColoumnLayout 的 Child 工作，因为 ColoumnLayout

中会有更多的元素

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0

ApplicationWindow {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
color: "#18d28a"

    Text {
        id: application_instruction
        width: 640
        text: qsTr("xyxvx dgdgdh dhdgdd dhdgdhhgd dhhhdgd dhdgdg dhdgdh djhddh djddgdhgdh dhdgdhgdgh dhgdgdhj dhdgdghdg dhjdgdgd.")
        color: "#000000"
        font.pointSize: 12
        wrapMode: Text.WordWrap
    }
}

ColoumnLayout 有什么问题。我是否缺少要设置的任何属性值。请帮忙

Answer 1

在 ColumnLayout 中，宽度属性被忽略。

而是设置 Layout.preferredWidth 或 Layout.maximumWidth Text 元素的附加属性。

如果您希望某个项目填充 ColumnLayout 的宽度，您可以将 Layout.fillWidth 附加属性设置为 true。