Pane QML Type

アプリケーションのスタイルやテーマに合った背景を提供します。詳細...

• 継承されたメンバーを含む全メンバーのリスト

プロパティ

• contentChildren : list<Item>
• contentData : list<QtObject>
• contentHeight : real
• contentWidth : real

詳細説明

ペインは、アプリケーションのスタイルとテーマに一致する背景色を提供します。Pane はそれ自体のレイアウトを提供しませんが、RowLayout やColumnLayout を作成するなどして、そのコンテンツを配置する必要があります。

ペイン」の子として宣言されたアイテムは、自動的に「ペイン」のcontentItem にペアレント化されます。動的に作成されたアイテムは、明示的にcontentItem にペアレント化する必要があります。

Event Handling で述べたように、ペインはクリックやタッチのイベントをその下のアイテムに通しません。wheelEnabled がtrue の場合、マウス ホイールのイベントも同様です。

コンテンツのサイズ

ペイン内で 1 つのアイテムだけが使用されている場合、そのアイテムは含まれているアイテムの暗黙のサイズに合わせてリサイズされます。このため、特にレイアウトとの併用に適しています。

Pane {
    ColumnLayout {
        anchors.fill: parent
        CheckBox { text: qsTr("E-mail") }
        CheckBox { text: qsTr("Calendar") }
        CheckBox { text: qsTr("Contacts") }
    }
}

ペイン内に 2 つのアイテムがある場合があります：

Pane {
    SwipeView {
        // ...
    }
    PageIndicator {
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
    }
}

この場合、「ペイン」は適切な暗黙のサイズを計算できません。この場合、「ペイン」は適切な暗黙のサイズを計算できません。SwipeView の上にPageIndicator をアンカーしているので、単純にコンテンツのサイズをビューの暗黙のサイズに設定できます：

Pane {
    contentWidth: view.implicitWidth
    contentHeight: view.implicitHeight

    SwipeView {
        id: view
        // ...
    }
    PageIndicator {
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
    }
 }

contentItem に暗黙のサイズがなく、子が 1 つしかない場合、Pane はその子の暗黙のサイズを使用します。例えば、以下のコードでは、ペインは矩形のサイズを想定しています：

Pane {
    Item {
        Rectangle {
            implicitWidth: 200
            implicitHeight: 200
            color: "salmon"
        }
    }
}

ペインのカスタマイズ」、「コンテナコントロール」、「Qt クイックコントロールのフォーカス管理」、「Event Handling」も参照してください 。

プロパティ ドキュメント