QMLコンテナが等間隔

Question

私はそれらのすべてが同じ幅（または高さ）を取得する場所parent.width/number_of_childrenに行（または列）に等しいいくつかの項目を配置する必要があります。それを自動的に行うコンテナはありますか？

WPFでシミュレートするには、のGrid.ColumnDefinition宣言でグリッドを作成し、各子のColumnプロパティを設定します。 QMLでそれを行う方法

？

Answer 1

使用RowLayout：

import QtQuick 2.8 
import QtQuick.Layouts 1.3 
import QtQuick.Window 2.2 

Window { 
    visible: true 
    width: 400 
    height: 400 

    RowLayout { 
     width: 200 
     height: 32 
     spacing: 0 
     anchors.centerIn: parent 

     Rectangle { 
      color: "salmon" 
      Layout.fillWidth: true 
      Layout.fillHeight: true 
     } 
     Rectangle { 
      color: "navajowhite" 
      Layout.fillWidth: true 
      Layout.fillHeight: true 
     } 
     Rectangle { 
      color: "steelblue" 
      Layout.fillWidth: true 
      Layout.fillHeight: true 
     } 
    } 
} 

各項目は、できるだけ多くのスペースを取り、各項目は、それが設定されているので、彼らはすべてのスペースの同じ量を取るようになりますLayout.fillWidth: trueを設定します。 fillWidthため

ドキュメントは言う：

このプロパティがtrueの場合 は、与えられた制約を尊重しつつ、アイテムはできるだけ広いとなります。プロパティがfalseの場合、アイテム が好ましい幅に設定された固定幅を持つことになります。デフォルトは です。ただし、レイアウト自体は例外です。デフォルトはtrueです。 `parent.width/number_of_children`を使用して