在Qt中有没有类似的flexbox？

Question

我创建的小部件包含可由用户选择的答案，我想将它们放置为：https://jsfiddle.net/yxs1bmq6/1/

更改窗口大小并查看框。

有没有简单的方法可以像这样做布局？

HTML：

<div class="container">
  <div class="box">
  box1
  </div>
  <div class="box">
  box2
  </div>
  ...
</div>

的CSS：

.container {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-around;
  background-color: aqua;
  height: 500px;
}
.box {
  background-color: green;
  padding: 50px;
}

Answer 1

是的。我为Yoga布局引擎编写了一组绑定。使用弹性框比标准的Qt Quick布局工具容易得多。发布了源代码here。

PS C:\> Import-Module Microsoft.PowerShell.Utility -MaximumVersion 3.1.0.0
PS C:\> Get-Module

ModuleType Version    Name                                ExportedCommands
---------- -------    ----                                ----------------
Manifest   6.1.0.0    Microsoft.PowerShell.Management     {Add-Content, Clear-Content, Clear-Item, Clear-ItemProperty...}
Manifest   3.1.0.0    Microsoft.PowerShell.Utility        {Add-Member, Add-Type, Clear-Variable, Compare-Object...}
Script     2.0.0      PSReadline                          {Get-PSReadLineKeyHandler, Get-PSReadLineOption, Remove-PSReadLineKeyHandler, Set-PSReadLineKeyHandler...}

Answer 2

似乎可以对QML的网格及其flow属性进行处理。