Page QML Type

헤더와 푸터를 지원하는 스타일링된 페이지 컨트롤. 더 보기...

• 상속된 멤버를 포함한 모든 멤버 목록

속성

• footer : Item
• header : Item
• implicitFooterHeight : real (since QtQuick.Controls 2.5 (Qt 5.12))
• implicitFooterWidth : real (since QtQuick.Controls 2.5 (Qt 5.12))
• implicitHeaderHeight : real (since QtQuick.Controls 2.5 (Qt 5.12))
• implicitHeaderWidth : real (since QtQuick.Controls 2.5 (Qt 5.12))
• title : string

자세한 설명

Page는 페이지에 header 및 footer 항목을 편리하게 추가할 수 있게 해주는 컨테이너 컨트롤입니다.

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 입니다.

header 및 ApplicationWindow::footer도 참조하십시오 .

header : Item

이 속성은 페이지 헤더 항목을 포함합니다. 헤더 항목은 상단에 배치되며, 페이지 너비에 맞게 크기가 조정됩니다. 기본값은 null 입니다.

footer 및 ApplicationWindow::header도 참조하십시오 .

implicitFooterHeight : real [read-only, since QtQuick.Controls 2.5 (Qt 5.12)]

이 속성은 암시적 푸터 높이를 저장합니다.

값은 ` footer && footer.visible ? footer.implicitHeight : 0`과 같습니다.

이 속성은 QtQuick.Controls 2.5(Qt 5.12)에서 도입되었습니다.

implicitFooterWidth 및 implicitHeaderHeight도 참조하십시오 .

implicitFooterWidth : real [read-only, since QtQuick.Controls 2.5 (Qt 5.12)]

이 속성은 암시적 푸터 너비를 저장합니다.

값은 ` footer && footer.visible ? footer.implicitWidth : 0`와 동일합니다.

이 속성은 QtQuick.Controls 2.5(Qt 5.12)에서 도입되었습니다.

implicitFooterHeight 및 implicitHeaderWidth도 참조하십시오 .

implicitHeaderHeight : real [read-only, since QtQuick.Controls 2.5 (Qt 5.12)]

이 속성은 헤더의 암시적 높이를 저장합니다.

값은 ` header && header.visible ? header.implicitHeight : 0`와 같습니다.

이 속성은 QtQuick.Controls 2.5(Qt 5.12)에서 도입되었습니다.

implicitHeaderWidth 및 implicitFooterHeight도 참조하십시오 .

implicitHeaderWidth : real [read-only, since QtQuick.Controls 2.5 (Qt 5.12)]

이 속성은 헤더의 암시적 너비를 저장합니다.

값은 ` header && header.visible ? header.implicitWidth : 0`과 같습니다.

이 속성은 QtQuick.Controls 2.5(Qt 5.12)에서 도입되었습니다.

implicitHeaderHeight 및 implicitFooterWidth도 참조하십시오 .

title : string

이 속성은 페이지 제목을 저장합니다.

제목은 사용자가 보고 있는 페이지에 대한 맥락을 제공하기 위해 대개 페이지 상단에 표시됩니다.

Page는 제목 자체를 렌더링하지 않고, 대신 애플리케이션이 이를 처리하도록 합니다. 예를 들어:

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")
        }
    }
}