QML Text设置显示多行不生效

最新推荐文章于 2024-05-17 16:59:04 发布

马斯尔果

最新推荐文章于 2024-05-17 16:59:04 发布

阅读量743

点赞数 3

分类专栏： QML 文章标签： qt c++ 开发语言

本文链接：https://blog.csdn.net/qq_42108501/article/details/127737810

版权

QML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

前言

最近，在开发中遇到一个看似简单，却花了我不少时间去解决的问题，再次记录下来，希望能帮助到遇到同样问题的小伙伴们！

不管是官方文档，还是百度，都会告诉你多行显示设置wrapMode 属性就可以了，我也照做了，然而就是不生效啊！

这个是修改前的代码

contentItem:
        Item {
        Row
        {
            anchors.centerIn: parent
            spacing: 2
            Rectangle {
                anchors.verticalCenter:parent.verticalCenter
                width: 14
                height: 14
                radius: 7
                color:"#FE6820"
            }
            Text{
                text: control.text
                font: control.font
                lineHeight: 1.5
                color: "#4E5969"//"#666666"
                wrapMode: Text.WrapAnywhere
                padding: 0
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
            }
        }
    }

代码前后可以不必关心，这是个警告Dialog中间显示的部分，一个红色小圆点+提示信息

问题：

当提示语过长时，并没有换行显示，而是超出了Dialog
在这里插入图片描述
修改后代码

    Item {
        id:item
        RowLayout
        {
            anchors.centerIn: parent
            spacing:10
            Rectangle {
                width: 14
                height: 14
                radius: 7
                color:"#FE6820"
            }
            Text{
                id:msg_text
                text: control.text
                font: control.font
                lineHeight: 1.5
                color: "#4E5969"//"#666666"
                wrapMode: Text.WrapAnywhere
                padding: 0
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
                Layout.maximumWidth: 460
            }
        }
    }