如何将text组件中的文本文本内容设置为不超过QML中的宽度和高度

Question

我有一个Rectangle，它上面有一个Text项。后者所包含的文本没有超出其边界。

这是我的代码：

Rectangle{
    width: 100
    height: 100
    anchors.centerIn: parent
    color: "lightblue"
    Text{
        width: parent.width
        height: parent.height
        text: "hi hello how are you. good how do you dosdfskdjgbksajgsjdfsjadfsad n"+
              "sdfvbjsdkfjsbdvfsd sjkdbfvskdbfvskdbvs,dv jskbdvksdbvasd n"+
              "sajbfwkbedcv klanfuoigbefhbsdaf csa djsdagfbksdjbfvsadkjvABEGFWn"+
              "JGBGFWJAHGRJWEKHYJGWKGBFWHE  gofdgfdfgdf"
        wrapMode: Text.WordWrap
        fontSizeMode: Text.Fit
    }
}

Answer 1

有文档记录：

Text.WordWrap-仅在单词边界上进行换行。如果单词太长，contentWidth将超过设置的宽度。

这就是你的短信发生的事情。您可能想要使用Text.Wrap:

文本换行-如果可能，换行发生在单词边界处；否则，它将出现在行上的适当点，甚至出现在单词的中间。

结合一些删除，文本将完全符合Rectangle:

elide: Text.ElideRight