QMLのコントロール - Positionerのソースを表示

== 概要 ==
<code>Positioner</code>型のオブジェクトは、<code>Column</code>、<code>Row</code>、<code>Flow</code>、<code>Grid</code>内の最上位の子アイテムに取り付けられる。<br>
これは、子アイテムが親の<code>Column</code>、<code>Row</code>、<code>Flow</code>、<code>Grid</code>のレイアウト内のどこに存在するかを決定するためのプロパティを提供する。<br>
<br><br>

== 専用プロパティ ==
* index
*: 値 : int
*: Positoner内でのアイテムのインデックスを設定する。
*: <br>
* isFirstItem
*: Positioner内のアイテムが最初のアイテムかどうかを判断する。
*: <br>
* isLastItem
*: Positioner内のアイテムが最後のアイテムかどうかを判断する。
<br><br>

== サンプルコード ==
以下の例では、<code>Repeater</code>によって作成された16個の子アイテムである<code>Rectangle</code>を持つ<code>Grid</code>を作成している。<br>
<br>
各<code>Rectangle</code>は<code>Positioner.index</code>を使用して<code>Grid</code>内のインデックスを表示して、<br>
最初のアイテムは<code>Positioner.isFirstItem</code>を考慮して異なる色で表示している。<br>
[[ファイル:QML Positioner 1.png|フレームなし|中央]]
 <syntaxhighlight lang="qml">
 Grid {
    Repeater {
       model: 16
 
       Rectangle {
          id: rect
          width: 30
          height: 30
          border.width: 1
          color: Positioner.isFirstItem ? "yellow" : "lightsteelblue"
 
          Text {
             text: rect.Positioner.index
          }
       }
    }
 }
 </syntaxhighlight>
<br><br>

__FORCETOC__
[[カテゴリ:Qt]]