Navigation Controls

Guidelines for navigation controls

Qt Quick Controls offers a selection of navigation models.

qml-qtquick-controls2-drawer.html	Side panel that can be opened and closed using a swipe gesture.
qml-qtquick-controls2-stackview.html	Provides a stack-based navigation model.
qml-qtquick-controls2-swipeview.html	Enables the user to navigate pages by swiping sideways.
qml-qtquick-controls2-tabbar.html	Allows the user to switch between different views or subtasks.
qml-qtquick-controls2-tabbutton.html	Button with a look suitable for a TabBar.

The following sections offer guidelines for choosing the appropriate type of navigation model, depending on the use case.

StackView Control

StackView provides a stack-based navigation model which can be used with a set of interlinked pages. StackView works according to a last-in first-out principle: the page pushed last on the stack is the one visible. Popping a page removes the last page and makes the previous one visible.

SwipeView Control

SwipeView provides a navigation model that simplifies horizontal paged scrolling. The page indicator on the bottom shows which is the presently active page.

TabBar Control

TabBar is a bar with icons or text that allows the user to switch between different subtasks, views, or modes.

TabButton Control

TabButton is a button with a layout suitable for a TabBar control.