Qt 5.9.3 QML滚动配置：TextEdit竖滚、ListView横滚及布局适配

嘿，我看了你的需求和现有代码，核心是滚动条策略设置不对，还有几个关键属性没配到位，我直接给你修正后的实现，每个部分都标注了关键细节，替换进去就能用：

要让TextEdit仅在内容过长时显示垂直滚动条，同时填满父布局空间，关键是要让文本自动换行，并且正确配置ScrollView的滚动条策略：

ScrollableTextEdit : ColumnLayout {
    ScrollView {
        id: scroll_view
        // 让ScrollView填满父布局分配的全部空间
        Layout.fillWidth: true
        Layout.fillHeight: true
        // 关闭水平滚动条，垂直滚动条仅在需要时显示
        ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
        ScrollBar.vertical.policy: ScrollBar.AsNeeded

        TextEdit {
            id: text_edit
            anchors.fill: parent
            textFormat: TextEdit.RichText
            // 必须开启自动换行，否则文本会横向延伸，不会触发垂直滚动
            wrapMode: TextEdit.Wrap
            // 禁用TextEdit自身的水平滚动条，避免和ScrollView冲突
            horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff
        }
    }
}

关键细节：

• 删掉了多余的Rectangle嵌套，如果需要边框，直接给ScrollView或TextEdit加border.color属性即可
• wrapMode: TextEdit.Wrap是触发垂直滚动的核心，没有它文本会一直横向排列，不会产生纵向滚动需求

ListView默认是垂直方向，要实现水平滚动需先修改方向，再配置ScrollView的滚动条策略，同时确保内容宽度足够触发滚动：

ScrollableListView : ColumnLayout {
    ScrollView {
        id: scroll_view
        Layout.fillWidth: true
        Layout.fillHeight: true
        // 关闭垂直滚动条，水平滚动条仅在需要时显示
        ScrollBar.vertical.policy: ScrollBar.AlwaysOff
        ScrollBar.horizontal.policy: ScrollBar.AsNeeded

        ListView {
            id: list_view
            anchors.fill: parent
            // 将ListView设置为水平排列模式
            orientation: Qt.Horizontal
            // 让ListView的宽度由内容总宽度决定，确保内容过长时触发水平滚动
            width: contentWidth
            // 示例模型，替换成你自己的业务模型即可
            model: ListModel {
                ListElement { text: "列表项1" }
                ListElement { text: "列表项2" }
                ListElement { text: "列表项3" }
                ListElement { text: "列表项4" }
                ListElement { text: "列表项5" }
            }
            delegate: Item {
                // 给每个列表项设置固定宽度，确保内容总宽度超过视口
                width: 180
                height: list_view.height
                Text { text: model.text; anchors.centerIn: parent }
            }
        }
    }
}

关键细节：

• orientation: Qt.Horizontal是开启水平滚动的前提
• width: contentWidth让ListView的宽度跟随内容变化，当内容总宽度超过ScrollView视口时，水平滚动条会自动显示

内容的提问来源于stack exchange，提问作者Vercetti