ScrollView 无法正确处理文本段落

问题描述 投票:0回答:1

我使用滚动视图在文本段落上进行水平和垂直滚动。 但是水平滚动在不应该起作用的情况下起作用,它会向右滚动到空白区域。 mon 代码 qml :

Item {

Text {
    id: para_title
    color: "#797a7b"
    text: "title of Element"
    font.pixelSize: 16
    font.weight: Font.DemiBold
    font.family: "Archivo SemiBold"
    anchors {
        left: parent.left ; leftMargin: 30
    }
}
ScrollView {
    id: para_scroll
    clip: true
    width: parent.width
    anchors {
        top: para_title.bottom ; topMargin: 10
        left: parent.left; leftMargin: 30
        right: parent.right
        bottom: parent.bottom
    }

    Text {
        id: para_content
        para_width: para_scroll.width
        content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
    }
}

}

我尝试修改scrollView和Text组件的宽度以找到最佳组合,但没有成功。

qt qml
1个回答
0
投票

感谢您的反馈。 你是对的,我发送了错误的文本,我复制时出错了。 文本块是:

 Text {
            id: para_content
            width: para_scroll.width
            text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
            font.pixelSize: 16
            wrapMode: Text.WordWrap
            font.weight: Font.DemiBold
            font.family: "Archivo SemiBold"
            textFormat: Text.RichText
        }

其他信息我使用 Qt 6.6.1 和以下导入:

导入QtQuick 导入 QtQuick.Controls 2.15

谢谢

© www.soinside.com 2019 - 2024. All rights reserved.