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 Quick Controls のフォーカス管理」、「Event Handling」も参照してください 。

プロパティ ドキュメント