TabBar QML Type
A tab bar control. More...
Import Statement: | import Qt.labs.controls 1.0 |
Inherits: |
Detailed Description
TabBar provides a tab-based navigation model.
TabBar is populated with TabButton controls, and can be used together with any layout or container control that provides currentIndex
-property, such as StackLayout or SwipeView
TabBar { id: bar width: parent.width TabButton { text: qsTr("Home") } TabButton { text: qsTr("Discover") } TabButton { text: qsTr("Activity") } } StackLayout { width: parent.width currentIndex: bar.currentIndex Item { id: homeTab } Item { id: discoverTab } Item { id: activityTab } }
Note: Types in the Qt.labs module are not guaranteed to remain compatible in future versions.
See also TabButton, Customizing TabBar, Navigation Controls, and Container Controls.
© 2017 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.