📢 Webサイト閉鎖と移転のお知らせ
このWebサイトは2026年9月に閉鎖いたします。
新しい記事は移転先で追加しております。（旧サイトでは記事を追加しておりません）
| 100行目: | 100行目: | ||
*: <br> | *: <br> | ||
*: このメソッドは、Qt 5.9で導入された。 | *: このメソッドは、Qt 5.9で導入された。 | ||
<br> | |||
==== サンプルコード ==== | |||
<code>Row</code>は、子アイテムを1つの行に沿って配置する。<br> | |||
<code>anchors</code>プロパティを使用せずに、一連のアイテムを水平方向に配置する便利な方法として使用できる。<br> | |||
<br> | |||
以下の例では、様々なサイズの3つの矩形を含む<code>Row</code>を作成している。<br> | |||
実行結果として、<code>Row</code>は、自動的にこれらのアイテムを横に並べて配置する。<br> | |||
[[ファイル:QML Row 1.png|フレームなし|中央]] | |||
<syntaxhighlight lang="qml"> | |||
Row { | |||
spacing: 2 | |||
Rectangle { | |||
color: "red" | |||
width: 50 | |||
height: 50 | |||
} | |||
Rectangle { | |||
color: "green" | |||
width: 20 | |||
height: 50 | |||
} | |||
Rectangle { | |||
color: "blue" | |||
width: 50 | |||
height: 20 | |||
} | |||
} | |||
</syntaxhighlight> | |||
<br><br> | <br><br> | ||