QMLのコントロール - Positioner

提供:MochiuWiki : SUSE, EC, PCB
2021年10月14日 (木) 01:25時点におけるWiki (トーク | 投稿記録)による版 (ページの作成:「== 概要 == <code>Positioner</code>型のオブジェクトは、<code>Column</code>、<code>Row</code>、<code>Flow</code>、<code>Grid</code>内の最上位の子ア…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

概要

Positioner型のオブジェクトは、ColumnRowFlowGrid内の最上位の子アイテムに取り付けられる。
これは、子アイテムが親のColumnRowFlowGridのレイアウト内のどこに存在するかを決定するためのプロパティを提供する。


専用プロパティ

  • index
    値 : int
    Positoner内でのアイテムのインデックスを設定する。

  • isFirstItem
    Positioner内のアイテムが最初のアイテムかどうかを判断する。

  • isLastItem
    Positioner内のアイテムが最後のアイテムかどうかを判断する。



サンプルコード

以下の例では、Repeaterによって作成された16個の子アイテムであるRectangleを持つGridを作成している。

RectanglePositioner.indexを使用してGrid内のインデックスを表示して、
最初のアイテムはPositioner.isFirstItemを考慮して異なる色で表示している。

QML Positioner 1.png
 Grid {
    Repeater {
       model: 16
 
       Rectangle {
          id: rect
          width: 30
          height: 30
          border.width: 1
          color: Positioner.isFirstItem ? "yellow" : "lightsteelblue"
 
          Text {
             text: rect.Positioner.index
          }
       }
    }
 }