Javascript
Flickable {
    id: pages
    anchors.fill: parent
    contentHeight: parent.height
    contentWidth: parent.width*4
    interactive: false
    Item {id: page1; x: parent.width*0; width: parent.width; height: parent.height}
    Item {id: page2; x: parent.width*1; width: parent.width; height: parent.height}
    Item {id: page3; x: parent.width*2; width: parent.width; height: parent.height}
    Item {id: page4; x: parent.width*3; width: parent.width; height: parent.height}
    Behavior on contentX {
        SpringAnimation {
            spring: 3
            damping: 0.2
        }
    }    
}
 
Button {id: page1; onReleased: pages.contentX = pages.width*0;}
Button {id: page2; onReleased: pages.contentX = pages.width*1;}
Button {id: page3; onReleased: pages.contentX = pages.width*2;}
Button {id: page4; onReleased: pages.contentX = pages.width*3;}