Qt qml pageview 左右滑动分页组件

【先看效果】

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

【调用】

 1 分页视图
 2     左右分页滑动列表组件
 3 示例
 4     PageView{
 5         id: pv
 6         width: 300
 7         height: 200
 8         Rectangle{
 9             width:pv.width; height:pv.height;
10             color: 'red'
11         }
12         Rectangle{
13             width:pv.width; height:pv.height;
14             color: 'green'
15         }
16         Rectangle{
17             width:pv.width; height:pv.height;
18             color: 'blue'
19         }
20     }
21 Author: surfsky.cnblogs.com 2014-12
22 Lisence: MIT 请保留此段声明

 

【核心代码】

 1 ListView{
 2     id: root
 3     width: 500
 4     height: 500
 5     model: pageModel
 6 
 7     // 可视元素模型（直接输出可视元素）
 8     default property alias content: pageModel.children
 9     VisualItemModel {id: pageModel}
10 
11     // 横向、只显示一个
12     orientation: ListView.Horizontal
13     snapMode: ListView.SnapOneItem
14     highlightRangeMode: ListView.StrictlyEnforceRange
15     cacheBuffer: 3
16     boundsBehavior: Flickable.StopAtBounds
17 
18     // 当前页指示器
19     ListViewIndicator{
20         target : root
21         anchors.horizontalCenter: parent.horizontalCenter
22         anchors.bottom: parent.bottom
23         anchors.bottomMargin: 5
24         z: 2
25     }
26 }