使用文本调整矩形大小

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将被正确地隐藏在下拉解雇。