Qt qml pageview 左右滑動分頁組件

【先看效果】

【下載】
http://download.csdn.net/detail/surfsky/8516949

【調用】

分頁視圖
    左右分頁滑動列表組件
示例
    PageView{
        id: pv
        width: 300
        height: 200
        Rectangle{
            width:pv.width; height:pv.height;
            color: 'red'
        }
        Rectangle{
            width:pv.width; height:pv.height;
            color: 'green'
        }
        Rectangle{
            width:pv.width; height:pv.height;
            color: 'blue'
        }
    }
Author: surfsky.cnblogs.com 2014-12
Lisence: MIT 請保留此段聲明

 

【核心代碼】

ListView{
    id: root
    width: 500
    height: 500
    model: pageModel

    // 可視元素模型（直接輸出可視元素）
    default property alias content: pageModel.children
    VisualItemModel {id: pageModel}

    // 橫向、只顯示一個
    orientation: ListView.Horizontal
    snapMode: ListView.SnapOneItem
    highlightRangeMode: ListView.StrictlyEnforceRange
    cacheBuffer: 3
    boundsBehavior: Flickable.StopAtBounds

    // 當前頁指示器
    ListViewIndicator{
        target : root
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 5
        z: 2
    }
}