1 下拉重繪
1.1 概念
手指在螢屏上下拉滑動操作，重新加載頁面資料的行為
1.2 啟動下拉重繪的方式
1.2.1 實作區域下拉重繪
1.3 配置下拉重繪視窗的樣式
在全域或頁面的 .json 組態檔中，通過 backgroundColor 和 backgroundTextStyle 來配置下拉重繪視窗的樣式，
backgroundColor視窗的背景顏色，僅支持16進制的顏色值backgroundTextStyle下拉loading的樣式，僅支持dark和light字串
message.jsop
{
"usingComponents": {},
"enablePullDownRefresh": true,
"backgroundColor": "#efefef",
"backgroundTextStyle": "dark"
}
1.3.1 效果
1.4 監聽頁面的下拉重繪事件
通過頁面的.js檔案中里面的 onPullDownRefresh()函式實作，
1.4.1 案例：重置計數器
message.wxml
<view>count值是：{{count}}</view>
<button bindtap="addCount">+1</button>
message.js
data: {
count:0
},
addCount(){
this.setData({
count:this.data.count+1
})
},
/**
* 頁面相關事件處理函式--監聽用戶下拉動作
*/
onPullDownRefresh() {
this.setData({
count:0
})
},
效果
1.5 停止下拉重繪的效果
當一松手時，能夠停止重繪，則要呼叫wx.stopPullDownRefresh()
message.js
onPullDownRefresh() {
this.setData({
count:0
})
wx.stopPullDownRefresh()
},
1.5.1 效果
2 上拉觸底事件
2.1 概念
手指在手機螢屏的上拉滑動操作，從而加載更多資料的行為
2.2 監聽頁面的上拉觸底事件
在頁面的.js檔案中，通過onReachBottom()函式實作,注意要讓內容的長度高于頁面的高度才行，
2.3 配置上拉觸底距離
就是想要觸發上拉觸底事件的話，它會量你滾動條要距離頁面底部的距離才選擇觸發，
可以在.json組態檔中，通過 onReachBottomDistance 屬性配置，默認50px，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/503484.html
標籤：其他
上一篇：【原】鍵盤測驗2.0版