Тип страницы QML

Элемент управления страницей со стилем, поддерживающий заголовок и подвал. Подробнее...

• Список всех членов, включая унаследованные

Свойства

• footer : Item
• header : Item
• implicitFooterHeight : real
• implicitFooterWidth : real
• implicitHeaderHeight : real
• implicitHeaderWidth : real
• title : string

Подробное описание

Page — это элемент управления-контейнер, который упрощает добавление элемента заголовка и подвала на страницу.

Элементы, объявленные как дочерние элементы Page, являются:

• автоматически родительскими элементом contentItem страницы. Динамически созданные элементы необходимо явно привязать к contentItem.
• не позиционируются и не масштабируются автоматически.

Следующий пример иллюстрирует, как использовать специфичный для страницы заголовок-панель инструментов и общеприменимый подвал-панель вкладок.

import QtQuick.Controls
import QtQuick.Layouts

ApplicationWindow {
    visible: true

    StackView {
        anchors.fill: parent

        initialItem: Page {
            header: ToolBar {
                // ...
            }

            ColumnLayout {
                anchors.fill: parent
                // ...
            }
        }
    }

    footer: TabBar {
        // ...
    }
}

См. также ApplicationWindow, Контейнеры управления и Управление фокусом в Qt Quick Controls.

Документация по свойствам

footer : Item

Это свойство содержит элемент подвала страницы. Элемент подвала расположен внизу и имеет ширину страницы. Значение по умолчанию — null.

Примечание: Присвоение ToolBar, TabBar или DialogButtonBox в качестве подвала страницы автоматически устанавливает соответствующее свойство ToolBar::position, TabBar::position или DialogButtonBox::position в значение Footer.

См. также header и ApplicationWindow::footer.

header : Item

Это свойство содержит элемент заголовка страницы. Элемент заголовка расположен вверху и имеет ширину страницы. Значение по умолчанию — null.

Примечание: Присвоение ToolBar, TabBar или DialogButtonBox в качестве заголовка страницы автоматически устанавливает соответствующее свойство ToolBar::position, TabBar::position или DialogButtonBox::position в значение Header.

См. также footer и ApplicationWindow::header.

[только для чтения, начиная с QtQuick.Controls 2.5 (Qt 5.12)] implicitFooterHeight : real

Это свойство содержит неявную высоту подвала.

Значение равно footer && footer.visible ? footer.implicitHeight : 0.

Это свойство было введено в QtQuick.Controls 2.5 (Qt 5.12).

См. также implicitFooterWidth и implicitHeaderHeight.

[только для чтения, начиная с QtQuick.Controls 2.5 (Qt 5.12)] implicitFooterWidth : real

Это свойство содержит неявную ширину подвала.

Значение равно footer && footer.visible ? footer.implicitWidth : 0.

Это свойство было введено в QtQuick.Controls 2.5 (Qt 5.12).

См. также implicitFooterHeight и implicitHeaderWidth.

[только для чтения, начиная с QtQuick.Controls 2.5 (Qt 5.12)] implicitHeaderHeight : real

Это свойство содержит неявную высоту заголовка.

Значение равно header && header.visible ? header.implicitHeight : 0.

Это свойство было введено в QtQuick.Controls 2.5 (Qt 5.12).

См. также implicitHeaderWidth и implicitFooterHeight.

[только для чтения, начиная с QtQuick.Controls 2.5 (Qt 5.12)] implicitHeaderWidth : real

Это свойство содержит неявную ширину заголовка.

Значение равно header && header.visible ? header.implicitWidth : 0.

Это свойство было введено в QtQuick.Controls 2.5 (Qt 5.12).

См. также implicitHeaderHeight и implicitFooterWidth.

title : string

Это свойство содержит заголовок страницы.

Заголовок часто отображается в верхней части страницы, чтобы предоставить пользователю контекст о странице, которую они просматривают.

ApplicationWindow {
    visible: true
    width: 400
    height: 400

    header: Label {
        text: view.currentItem.title
        horizontalAlignment: Text.AlignHCenter
    }

    SwipeView {
        id: view
        anchors.fill: parent

        Page {
            title: qsTr("Home")
        }
        Page {
            title: qsTr("Discover")
        }
        Page {
            title: qsTr("Activity")
        }
    }
}