Application Development : Controls – ScrollView

ScrollView:

A ScrollView is a container allowing the scrolling and zooming of its content. A ScrollView provides a viewport, which displays an area of the entire content. You can use a ScrollView when the content will not fit the UI entirely (for example, that would be the case if a container included many controls). Note that a ScrollView’s content can also be an ImageView or a WebView (for example, you can use a ScrollView to zoom in or out of a picture). You can control the scrolling behavior by setting the ScrollView’s scrollViewProperties property. Listing 1 shows you how to include a WebView in a ScrollView.

Listing 1.  ScrollView

Page {
    ScrollView {
        WebView {
            url: "http://www.nrcreddy.blogspot.com"
        }
        scrollViewProperties {
            scrollMode: ScrollMode.Vertical
            pinchToZoomEnabled: true
        }
    }
}

Use a ScrollView when

• A control’s content does not fit the screen and you need to provide a viewport that you can navigate (by scrolling horizontally and/or vertically).
• You need to zoom in or out of content using a pinch gesture.