SwipeView QML Type

A swipe view control. More...

Import Statement: import Qt.labs.controls 1.0
Inherits:

Container

Attached Properties

Detailed Description

SwipeView provides a swipe-based navigation model.

SwipeView is populated with a set of pages. One page is visible at a time. The user can navigate between the pages by swiping sideways. Notice that SwipeView itself is entirely non-visual. It is recommended to combine it with PageIndicator, to give the user a visual clue that there are multiple pages.


  SwipeView {
      id: view

      currentIndex: 1
      anchors.fill: parent

      Item {
          id: firstPage
      }
      Item {
          id: secondPage
      }
      Item {
          id: thirdPage
      }
  }

  PageIndicator {
      id: indicator

      count: view.count
      currentIndex: view.currentIndex

      anchors.bottom: view.bottom
      anchors.horizontalCenter: parent.horizontalCenter
  }

As shown above, SwipeView is typically populated with a static set of pages that are defined inline as children of the view. It is also possible to add, insert, move, and remove pages dynamically at run time.

Note: Types in the Qt.labs module are not guaranteed to remain compatible in future versions.

See also TabBar, PageIndicator, Customizing SwipeView, Navigation Controls, and Container Controls.

Attached Property Documentation

SwipeView.index : int

This attached property holds the index of each child item in the SwipeView.

It is attached to each child item of the SwipeView.


SwipeView.isCurrentItem : bool

This attached property is true if this child is the current item.

It is attached to each child item of the SwipeView.


SwipeView.view : SwipeView

This attached property holds the view that manages this child item.

It is attached to each child item of the SwipeView.