Tabs
The Tabs class provides an environment where multible Tab children can be added, and the user is presented with a tab bar with tab buttons to select different tab pages. More...
Properties
- currentPage : Item
- selectedTab : Tab (preliminary)
- selectedTabIndex : int (preliminary)
- tools : ToolbarActions (deprecated)
Detailed Description
Tabs must be placed inside a MainView so that it will automatically have a header that shows the tabs that can be selected, and the toolbar which contains the tools of the Page in the currently selected Tab.
Example:
import QtQuick 2.0 import Ubuntu.Components 0.1 import Ubuntu.Components.ListItems 0.1 as ListItem MainView { width: units.gu(48) height: units.gu(60) Tabs { id: tabs Tab { title: i18n.tr("Simple page") page: Page { Label { id: label anchors.centerIn: parent text: "A centered label" } tools: ToolbarActions { Action { text: "action" onTriggered: print("action triggered") } } } } Tab { id: externalTab title: i18n.tr("External") iconSource: "call_icon.png" page: Loader { parent: externalTab anchors.fill: parent source: (tabs.selectedTab === externalTab) ? Qt.resolvedUrl("MyCustomPage.qml") : "" } } Tab { title: i18n.tr("List view") page: Page { ListView { clip: true anchors.fill: parent model: 20 delegate: ListItem.Standard { icon: Qt.resolvedUrl("avatar_contacts_list.png") text: "Item "+modelData } } } } } }
As the example above shows, an external Page inside a Tab can be loaded using a Loader.
Property Documentation
read-onlyselectedTab : Tab |
This documentation is under development and is subject to change.
The currently selected tab.
This documentation is under development and is subject to change.
The index of the currently selected tab. The first tab is 0, and -1 means that no tab is selected. The initial value is 0 if Tabs has contents, or -1 otherwise.
tools : ToolbarActions |
This documentation is deprecated.
This property is deprecated. Pages will now automatically update the toolbar when activated.