使用文本调整矩形大小

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里面。根据clip:文件

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

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