Navigation Controls

Qt Quick Controls offers a selection of navigation models.

Drawer

Side panel that can be opened and closed using a swipe gesture

StackView

Provides a stack-based navigation model

SwipeView

Enables the user to navigate pages by swiping sideways

TabBar

Allows the user to switch between different views or subtasks

TabButton

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.

© 2020 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.