下拉刷新和上拉分頁邏輯/下拉刷新/上拉更多/滾動(dòng)欄/工具欄半拉顯隱Author: surfsky.cnblogs.comLisence: MIT 請(qǐng)保留此文檔聲明History:init. surfsky.cnblogs.com, 2015-01add initPosition property. 2015-01

/**新聞示例下拉刷新上拉分頁滾動(dòng)軸頂部工具欄頂部工具欄自動(dòng)吸附當(dāng)前行高亮Author: surfsky.cnblogs.com 2015-01*/ListViewEx{id: viewwidth: 500height: 800pageSize: 50snapHeader: trueinitPosition: 'header'// 頂部新聞圖片欄headerComponent: Component{PageView{id: pvwidth: view.widthheight: 100clip: trueRectangle{width:pv.width; height:pv.height; color: 'green'}Rectangle{width:pv.width; height:pv.height; color: 'yellow'}Rectangle{width:pv.width; height:pv.height; color: 'blue'}}}// 行UI代理delegate: Text {id: wrapper;width: parent.width;height: 32;font.pointSize: 15;verticalAlignment: Text.AlignVCenter;horizontalAlignment: Text.AlignHCenter;text: content;//color: ListView.view.currentIndex == index ? "white" : "#505050";MouseArea {anchors.fill: parent;onClicked: wrapper.ListView.view.currentIndex = index;}}//-----------------------------------------// 數(shù)據(jù)加載事件//-----------------------------------------onLoad:{for (var i = 0 ; i < pageSize ; ++i)model.append({"index": i, "content": "Item " + i})}onLoadMore:{for (var i = pageSize*page ; i < pageSize*(page+1); ++i)model.append({"index": i, "content": "Item " + i})}}

//-------------------------------------// 下拉刷新和上拉分頁邏輯//-------------------------------------onMovementEnded: {//console.log("movementEnded: originY:" + originY + ", contentY:" + contentY + ", reflesh:" + needReflesh + ", more:" + needLoadMore);// 刷新數(shù)據(jù)if (needReflesh){lv.headerItem.goState('load');model.reflesh();needReflesh = false;}// 加載新數(shù)據(jù)else if (needLoadMore){model.loadMore();needLoadMore = false;}else {var h1 = lv.headerItem.loader.height;var h2 = lv.headerItem.indicator.height;// 頭部區(qū)自動(dòng)顯隱（拖動(dòng)過小隱藏頭部，反之顯示）if (snapHeader){if (contentY >= -h1/3 && contentY < 0)moveToFirst();if (contentY >= -h1 && contentY < -h1/3)moveToHeader();}// 刷新區(qū)自動(dòng)顯隱if (contentY >=-(h1+h2) && contentY < -h1)moveToHeader();}}onContentYChanged: {// 下拉刷新判斷邏輯：已經(jīng)到頭了，還下拉一定距離if (contentY < originY){var dy = contentY - originY;if (dy < -10){lv.headerItem.goState('ready');needReflesh = true;}else {if (pressed){//console.log(pressed);//needReflesh = false; // 如何判斷當(dāng)前鼠標(biāo)是否按下？如果是按下狀態(tài)才能取消刷新lv.headerItem.goState('');}}}// 上拉加載判斷邏輯：已經(jīng)到底了，還上拉一定距離if (contentHeight>height && contentY-originY > contentHeight-height){var dy = (contentY-originY) - (contentHeight-height);//console.log("y: " + contentY + ", dy: " + dy);if (dy > 40){needLoadMore = true;//console.log("originY:" + originY + ", contentY:" + contentY + ", height:" + height + ", contentheight:" + contentHeight);}}}