Page QML Type▲
-
Import Statement: import QtQuick.Controls
-
Inherits: Pane
-
Group: Page is part of qtquickcontrols-containers, qtquickcontrols-focusscopes
Detailed Description▲
Page is a container control which makes it convenient to add a header and footer item to a page.
Items declared as children of a Page are:
-
automatically parented to the Page's contentItem. Items created dynamically need to be explicitly parented to the contentItem.
-
not automatically positioned or resized.
The following example snippet illustrates how to use a page-specific toolbar header and an application-wide tabbar footer.
import QtQuick.Controls
import QtQuick.Layouts
ApplicationWindow {
visible: true
StackView {
anchors.fill: parent
initialItem: Page {
header: ToolBar {
// ...
}
ColumnLayout {
anchors.fill: parent
// ...
}
}
}
footer: TabBar {
// ...
}
}See Also▲
Property Documentation▲
footer : Item▲
Assigning a ToolBar, TabBar, or DialogButtonBox as a page footer automatically sets the respective ToolBar::position, TabBar::position, or DialogButtonBox::position property to Footer.
See Also▲
See also header, ApplicationWindow::footer
header : Item▲
This property holds the page header item. The header item is positioned to the top, and resized to the width of the page. The default value is null.
Assigning a ToolBar, TabBar, or DialogButtonBox as a page header automatically sets the respective ToolBar::position, TabBar::position, or DialogButtonBox::position property to Header.
See Also▲
See also footer, ApplicationWindow::header
[read-only, since QtQuick.Controls 2.5 (Qt 5.12)] implicitFooterHeight : real▲
The value is equal to footer && footer.visible ? footer.implicitHeight : 0.
This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).
See Also▲
See also implicitFooterWidth, implicitHeaderHeight
[read-only, since QtQuick.Controls 2.5 (Qt 5.12)] implicitFooterWidth : real▲
The value is equal to footer && footer.visible ? footer.implicitWidth : 0.
This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).
See Also▲
See also implicitFooterHeight, implicitHeaderWidth
[read-only, since QtQuick.Controls 2.5 (Qt 5.12)] implicitHeaderHeight : real▲
This property holds the implicit header height.
The value is equal to header && header.visible ? header.implicitHeight : 0.
This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).
See Also▲
See also implicitHeaderWidth, implicitFooterHeight
[read-only, since QtQuick.Controls 2.5 (Qt 5.12)] implicitHeaderWidth : real▲
This property holds the implicit header width.
The value is equal to header && header.visible ? header.implicitWidth : 0.
This property was introduced in QtQuick.Controls 2.5 (Qt 5.12).
See Also▲
See also implicitHeaderHeight, implicitFooterWidth
title : string▲
This property holds the page title.
The title is often displayed at the top of a page to give the user context about the page they are viewing.
Page does not render the title itself, but instead relies on the application to do so. For example:
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")
}
}
}