UI Features - UI Elements



ScrollView is to be used to allow a single element to contain information larger than itself a lets the user slide vertical and/or horizontal to view all of the contents. Since a ScrollView can only contain one element it is best to have it hold a Container and have all other elements within that Container. By default the ScrollView will allow horizontal and vertical however can be adjusted using scrollViewProperties.scrollMode: ScrollMode.Horizontal (for horizontal scrolling only) or scrollViewProperties.scrollMode: ScrollMode.Vertical (for vertical scrolling only). Also by default pinch-to-zoom is enabled.

Typical "ScrollView":

ScrollView {
            id: myScrollViewid
            scrollViewProperties.pinchToZoomEnabled: true
            scrollViewProperties.scrollMode: ScrollMode.Horizontal

Examples/Tutorials Using This Feature:

Cascades Components & QML Properties (VIDEO)

ListView to create a RSS Feed