如何保持qml从重叠内容的矩形边框？

Question

我想要一个矩形来自动调整自己的大小以适合其视觉儿童。如果没有边界，那么下面的伟大工程：

Rectangle { 
    width: childrenRect.width+(border.width*2) 
    height: childrenRect.height+(border.width*2) 
    ... 
} 

然而，如果该矩形边框，孩子们会重叠它。我试图将孩子们包装在一个容器中失败（在下面的例子中为Column），并使用anchor.margins将容器转移到错过矩形的边界。

import QtQuick 2.7 
import QtQuick.Controls 2.0 
import QtQuick.Layouts 1.3 

ApplicationWindow { 
    visible: true 
    width: 600; height: 600 

    Rectangle { 
     id: rect 
     border.width : 20 
     border.color: "yellow" 
     clip: true 

     width: childrenRect.width+(border.width*2) 
     height: childrenRect.height+(border.width*2) 

     Column { 
      anchors.margins: rect.border.width // does not work 
      Text { height: 40; text: "FoooooooooooooooMumble" } 
      Text { height: 40; text: "Bar" } 
      Button { height: 40; text: "press me" } 
     } 
    } 
} 

有人建议如何做到这一点？

Answer 1

对于anchors.margins工作，必须设置边框锚（边距空间是相对于那些）。例如：

Column { 
      anchors.margins: rect.border.width 
      anchors.left: rect.left 
      anchors.top: rect.top 
      ... 
}