使用文本调整矩形大小

Question

我想创建一个包含文本的自定义下拉框。问题是，当我调整Rectangle的大小以将其折叠时，Text会停留在屏幕上。

Rectangle {
    id: dropdown
    height: 200
    width: 200
    color: "red"

    Behavior on height {
        NumberAnimation {
            duration: 1000;
            easing.type: Easing.InQuad
        }
    }
    Text {
        id: text
        anchors.left: parent.left
        anchors.top: parent.top
        text: "foobar"
    }
}

如何解决这个问题？

Answer 1

确定。我有它感谢jbache。

我需要将clip:true放在dropdown内。根据{{​​3}}的文件：

  

此属性保持是否启用剪裁。默认剪辑值为false   如果启用了剪辑，则项目会将其自己的绘画以及其子画面绘制到其边界矩形。

因此，通过将属性设置为true，我可以确保在下拉列表中正确隐藏子Text。