Page

A page is the basic Item that must be used inside the MainView, PageStack and Tabs. Anchors and height of a Page are automatically determined to align with the header of the MainView, but can be overridden. More...

Properties

Detailed Description

MainView provides a header and toolbar for Pages it includes. Each page automatically has its header and toolbar property linked to that of its parent MainView. The text of the header, and the buttons in the toolbar are determined by the title and tools properties of the page:

import QtQuick 2.0
import Ubuntu.Components 0.1

MainView {
    width: units.gu(48)
    height: units.gu(60)

    Page {
        title: "Example page"

        Label {
            anchors.centerIn: parent
            text: "Hello world!"
        }

        tools: ToolbarActions {
            Action {
                text: "one"
            }
            Action {
                text: "two"
            }
        }
    }
}

See MainView for more basic examples that show how to use a header and toolbar. Advanced navigation structures can be created by adding Pages to a PageStack or Tabs.

Property Documentation

flickable : Flickable

Optional flickable that controls the header. This property is automatically set if the Flickable is one of the Page's direct children. May be set to null to avoid the header from hiding.


title : string

The title of the page. Will be shown in the header of the MainView.


The list of actions associated with this Page.