Bottom Edge Tabs¶
| Author | Roman Shchekin | |
| License | GNU General Public License v3.0 | |
| Contact | mrqtros@gmail.com | |
| Framework | ubuntu-sdk-14.10 | |
BottomEdgeTabs is very similar to PageWithBottomEdge but uses Tabs as root component instead of Page. Check it’s documentation.
Example:
MainView {
objectName: "mainView"
applicationName: "com.ubuntu.developer.qtros.tabsbottomedge"
width: units.gu(50)
height: units.gu(75)
useDeprecatedToolbar: false
PageStack {
id: stack
Component.onCompleted: push(tabs)
BottomEdgeTabs {
id: tabs
bottomEdgePage: secondPage
bottomEdgeTitle: "Violet page"
Tab {
title: "First tab"
page: Page {
Label {
anchors.centerIn: parent
text: "Content of first tab"
}
}
}
Tab {
title: "Second tab"
page: Page {
Label {
anchors.centerIn: parent
text: "Centered label"
}
}
}
} // BottomEdgeTabs
Page {
id: secondPage
title: "Violet page"
visible: false
Rectangle {
anchors.fill: parent
color: "darkviolet"
}
}
}
}
Properties¶
- bottomEdgeTitle: string
- bottomEdgePage: Page
- bottomEdgeEnabled: boolean