feature：complete paging Load

hackycy · hackycy · commit 434152c06323 · 2020-07-20T14:47:46.000+08:00
diff --git a/lib/utils/sql.dart b/lib/utils/sql.dart
@@ -11,8 +11,14 @@ class Sql extends BaseModel {
     return await this.query(tableName);
   }
 
-  Future<List> getBySql(String where, List<dynamic> whereArgs) async {
-    return await this.query(tableName, where: where, whereArgs: whereArgs);
+  Future<List> getBySql(String where, List<dynamic> whereArgs,
+      {String orderBy, int limit, int offset}) async {
+    return await this.query(tableName,
+        where: where,
+        whereArgs: whereArgs,
+        orderBy: orderBy,
+        limit: limit,
+        offset: offset);
   }
 
   Future<int> rawUpdate(String sql, [List<dynamic> arguments]) async {
diff --git a/lib/views/album_page/album_page.dart b/lib/views/album_page/album_page.dart
@@ -10,6 +10,7 @@ import 'package:flutter_picgo/views/album_page/album_page_presenter.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:toast/toast.dart';
 import 'package:flutter/services.dart';
+import 'package:pull_to_refresh/pull_to_refresh.dart';
 
 class AlbumPage extends StatefulWidget {
   @override
@@ -19,6 +20,11 @@ class AlbumPage extends StatefulWidget {
 class _AlbumPageState extends State<AlbumPage> implements AlbumPageContract {
   AlbumPagePresenter _presenter;
   List<Uploaded> _uploadeds = [];
+  RefreshController _refreshController =
+      RefreshController(initialRefresh: false);
+  int _perPageItemSize = 8;
+  int _currentPage = 0;
+  int _count = 0; //列表总数
 
   _AlbumPageState() {
     _presenter = AlbumPagePresenter(this);
@@ -27,14 +33,16 @@ class _AlbumPageState extends State<AlbumPage> implements AlbumPageContract {
   @override
   void initState() {
     super.initState();
-    _presenter.doLoadUploadedImages();
+    _presenter.doGetItemCount();
+    _onRefresh();
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('相册 - ${_uploadeds?.length ?? 0}'),
+        title: Text(
+            '相册 - ${_uploadeds?.length ?? 0}${_count == _uploadeds.length ? '' : " - $_count"}'),
         centerTitle: true,
       ),
       floatingActionButton: FloatingActionButton(
@@ -49,8 +57,44 @@ class _AlbumPageState extends State<AlbumPage> implements AlbumPageContract {
               transition: TransitionType.cupertino);
         },
       ),
-      body: RefreshIndicator(
+      body: SmartRefresher(
+          enablePullDown: true,
+          enablePullUp: this._uploadeds.length >= _perPageItemSize,
+          header: ClassicHeader(
+            refreshStyle: RefreshStyle.Follow,
+            idleText: '下拉刷新',
+            releaseText: '释放刷新',
+            completeText: '加载完成',
+            refreshingText: '刷新中',
+            failedText: '加载失败，请重试',
+          ),
+          footer: CustomFooter(
+            builder: (BuildContext context, LoadStatus mode) {
+              Widget body;
+              if (mode == LoadStatus.idle) {
+                body = Text("上拉加载");
+              } else if (mode == LoadStatus.loading) {
+                body = SizedBox(
+                  width: 15,
+                  height: 15,
+                  child: CircularProgressIndicator(),
+                );
+              } else if (mode == LoadStatus.failed) {
+                body = Text("加载失败！点击重试！");
+              } else if (mode == LoadStatus.canLoading) {
+                body = Text("松手,加载更多!");
+              } else {
+                body = Text("没有更多数据了!");
+              }
+              return Container(
+                height: 55.0,
+                child: Center(child: body),
+              );
+            },
+          ),
           onRefresh: _onRefresh,
+          onLoading: _onLoading,
+          controller: _refreshController,
           child: _uploadeds.length > 0 ? albumView() : emptyView()),
     );
   }
@@ -142,35 +186,44 @@ class _AlbumPageState extends State<AlbumPage> implements AlbumPageContract {
   }
 
   Widget emptyView() {
-    return ListView(
-      children: <Widget>[
-        SizedBox(height: 100),
-        Center(
-          child: Container(
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: <Widget>[
+          Container(
             width: 200,
             height: 200,
             child: Image.asset('assets/images/icon_empty_album.png',
                 fit: BoxFit.fill),
           ),
-        ),
-        SizedBox(height: 10),
-        Center(
-          child: Text(
-            '相册暂无任何照片，快点击右下角按钮去上传吧',
-            style: TextStyle(color: Colors.grey),
-          ),
-        )
-      ],
+          Center(
+            child: Text(
+              '相册暂无任何照片，快点击右下角按钮去上传吧',
+              style: TextStyle(color: Colors.grey),
+            ),
+          )
+        ],
+      ),
     );
   }
 
-  Future<dynamic> _onRefresh() async {
+  /// 刷新
+  _onRefresh() async {
+    // _uploadeds.clear();
     setState(() {
-      _uploadeds.clear();
+      this._currentPage = 0;
+      this._uploadeds.clear();
+      _refreshController.resetNoData();
     });
-    return _presenter.doLoadUploadedImages();
+    _presenter.doLoadUploadedImages(_perPageItemSize, this._currentPage);
   }
 
+  /// 上拉加载
+  _onLoading() async {
+    _presenter.doLoadUploadedImages(_perPageItemSize, _currentPage += 1);
+  }
+
+  /// 处理图片点击
   handleTap(int index) {
     Clipboard.setData(ClipboardData(text: _uploadeds[index].path));
     Toast.show('已复制到剪切板', context);
@@ -179,13 +232,29 @@ class _AlbumPageState extends State<AlbumPage> implements AlbumPageContract {
   @override
   void loadUploadedImages(List<Uploaded> uploadeds) {
     setState(() {
-      this._uploadeds.addAll(uploadeds);
+      if (this._currentPage == 0) {
+        _refreshController.refreshCompleted();
+      } else if (this._currentPage > 0 &&
+          (uploadeds == null || uploadeds.length == 0)) {
+        _refreshController.loadNoData();
+      } else {
+        this._currentPage += 1;
+        _refreshController.loadComplete();
+      }
+      if (uploadeds != null && uploadeds.length > 0) {
+        this._uploadeds.addAll(uploadeds);
+      }
     });
   }
 
   @override
   void loadError() {
     Toast.show('加载失败', context);
+    if (this._currentPage == 1) {
+      _refreshController.refreshFailed();
+    } else {
+      _refreshController.loadFailed();
+    }
   }
 
   @override
@@ -199,4 +268,11 @@ class _AlbumPageState extends State<AlbumPage> implements AlbumPageContract {
       this._uploadeds.remove(uploaded);
     });
   }
+
+  @override
+  void loadItemCount(int count) {
+    setState(() {
+      this._count = count;
+    });
+  }
 }
diff --git a/lib/views/album_page/album_page_presenter.dart b/lib/views/album_page/album_page_presenter.dart
@@ -8,6 +8,8 @@ abstract class AlbumPageContract {
   void loadUploadedImages(List<Uploaded> uploadeds);
   void loadError();
 
+  void loadItemCount(int count);
+
   void deleteSuccess(Uploaded uploaded);
   void deleteError(String msg);
 }
@@ -17,10 +19,11 @@ class AlbumPagePresenter {
 
   AlbumPagePresenter(this._view);
 
-  doLoadUploadedImages() async {
+  doLoadUploadedImages(int limit, int offest) async {
     try {
       var sql = Sql.setTable(TABLE_NAME_UPLOADED);
-      var result = await sql.get();
+      var result = await sql.getBySql(null, null,
+          limit: limit, offset: offest * limit, orderBy: 'id DESC');
       List<Uploaded> uploadeds = result.map((v) {
         return Uploaded.fromMap(v);
       }).toList();
@@ -31,6 +34,14 @@ class AlbumPagePresenter {
     }
   }
 
+  doGetItemCount() async {
+    try {
+      var sql = Sql.setTable(TABLE_NAME_UPLOADED);
+      var result = await sql.get();
+      _view.loadItemCount(result.length ?? 0);
+    } catch (e) {}
+  }
+
   doDeleteImage(Uploaded uploaded) async {
     try {
       ImageUploadUtils uploader = ImageUploadUtils(
