很抱歉，如果这个问题很简单，但是我正在查看有关如何通过GridLayout，Buttons，Text和{{1 GroupBox中的}}。
我正在尝试实现的布局如下：
问题，我正在努力实现上述布局。 我在理解如何在页面内以正确的方式放置元素时遇到一些问题。
我到目前为止所做的事情：
1）我发现了一个非常有用的example，为了理解这个概念，我成功地复制了它。
2）另外，我遇到了this other source，因为它可以解释并阐明ProgressBar的某些功能，但仍不能完全解决问题，因此很有帮助。
3）这个source也有所帮助，但无法继续前进。
4）除了上述几点，我还研究了offcial documentation。官方文档很有用，但是我尝试在页面中放置的组件仍然设置不正确。
编辑
最新的修改推动了我前进，现在它的布局看起来更好并且接近于我要实现的目标。
我想出了一种使用QML的方法（只是因为我仍然没有第二种选择可以放心使用），因此可以更好地使用它。我发现的解决方案是为需要的每个条目使用一个GridLayout，但是从我发布的 EDITS 可以看出，我还有一些其他问题，我不确定造成该问题的原因，例如：
1 ）为什么我在两列中使用GridLayout时GroupBox区域在左侧？似乎所有组件都只推送到一列。
我希望TextField（和相关的GridLayout）位于中心。
2）第一个TextField正确地将文本放在中间。我对其他文本也做了同样的操作，但是它们仍然在左侧，不确定发生了什么。
3）尽管我使用了{{1}，为什么第一个按钮和最后一个按钮分别Text和TextField仅占据布局的一列Button Test中的}}，目标是它们都占据整行。
4）尽管我添加了Clear List，但仍然看不到它，并且不确定为什么columns: 2中可以写GridLayout
5）调试器没有错误
最新更新和编辑
根据最新评论并提供最新更新。 我仍然需要解决几个尚存的疑问：
1） ProgressBar看起来仍然很奇怪，并且不会根据窗口的宽度进行扩展。为此，我也进行了official documentation，但仍然不知道为什么。
2）。TextField和窗口顶部之间仍然没有空格。
3） ProgressBar或Button Test不在窗口的宽度范围内延伸。为此，我咨询了以下source，它对GroupBox很有用，但似乎不适用于其他地方。
我在本练习中使用的代码如下，已对其进行了修改，您只能复制/粘贴，并且可以正常工作：
main.qml
RowLayout如何实现上述布局？在过去的几天中，我一直在努力工作，以了解如何正确地将组件放置到布局中，并从文档中研究ColumnLayout属性。
非常感谢您指出正确的方向，如果这个问题很简单，对不起。
