Merge pull request #16 from CaiJingLong/add-type-badge

add type badge for item

.vscode/launch.json

+{
+    // 使用 IntelliSense 了解相关属性。 
+    // 悬停以查看现有属性的描述。
+    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Flutter",
+            "request": "launch",
+            "type": "dart"
+        }
+    ]
+}

CHANGELOG.md

 # CHANGELOG
 
+## [0.1.7]
+
+add a badge delegate for asset
+
 ## [0.1.6] rollback photo_manager version
 
 sort asset by date

README.md

 
 use flutter as ui
 
-if you want to build custom ui, you just need api to make custom ui. to use [photo_manager](https://github.com/CaiJingLong/flutter_photo_manager)
+if you want to build custom ui, you just need api to make custom ui. to use [photo_manager](https://github.com/CaiJingLong/flutter_photo_manager) or fork the library to custom ui.
 
 ## screenshot
 
 
 because support video, so the ImagePathEntity and ImageEntity rename to AssetPathEntity and AssetEntity.
 
-so PhotoPicker.pickImage return type will change to List<AssetEntity>
+so PhotoPicker.pickImage return type will change to `List<AssetEntity>`
 
 ## install
 
 ```yaml
 dependencies:
-  photo: ^0.1.6
+  photo: ^0.1.7
 ```
 
 ## import
 
 ```dart
 void _pickImage() async {
-    List<AssetEntity> imgList = await PhotoPicker.pickImage(
+    List<AssetEntity> imgList = await PhotoPicker.pickAsset(
       context: context,
       // BuildContext requied
 
 
 ### glide
 
-android use glide to create image thumb, version is 4.8.0
+Android native use glide to create image thumb bytes, version is 4.8.0.
 
-if you other android library use the library, and version is not same, then you need edit your android project's build.gradle
+If your other android library use the library, and version is not same, then you need edit your android project's build.gradle.
 
-```gradle
+```groovy
 rootProject.allprojects {
 
     subprojects {
 like next
 
 ```plist
-	<key>NSPhotoLibraryUsageDescription</key>
-    <string>App need your agree, can visit your album</string>
+<key>NSPhotoLibraryUsageDescription</key>
+<string>App need your agree, can visit your album</string>
 ```
 
 xcode like image
 ### build error
 
 if you build error like include of non-modular header inside framework module, see [#10](https://github.com/CaiJingLong/flutter_photo/issues/10) or [so](https://stackoverflow.com/questions/27776497/include-of-non-modular-header-inside-framework-module)
+
+## thanks
+
+Part of the Android code comes from [debuggerx01](https://github.com/debuggerx01).
+
+## donate
+
+If my code helps you, and you're willing to buy me a cup of coffee.
+
+you can use [paypal](https://paypal.me/caijinglong)
+
+or scan my alipay
+
+<img width="200px"  src="https://raw.githubusercontent.com/CaiJingLong/asset_for_picgo/master/20181228213953.png"/>

example/lib/main.dart

   String currentSelected = "";
 
   void _pickImage() async {
-    List<AssetEntity> imgList = await PhotoPicker.pickImage(
+    List<AssetEntity> imgList = await PhotoPicker.pickAsset(
+      // BuildContext required
       context: context,
-      // BuildContext requied
 
       /// The following are optional parameters.
       themeColor: Colors.green,
       // max picker image count
       provider: I18nProvider.chinese,
       // i18n provider ,default is chinese. , you can custom I18nProvider or use ENProvider()
-      rowCount: 5,
+      rowCount: 3,
       // item row count
       textColor: Colors.white,
       // text color
       checkBoxBuilderDelegate: DefaultCheckBoxBuilderDelegate(
         activeColor: Colors.white,
         unselectedColor: Colors.white,
-      ), // default is DefaultCheckBoxBuilderDelegate ,or you make custom delegate to create checkbox
+      ),
+      // default is DefaultCheckBoxBuilderDelegate ,or you make custom delegate to create checkbox
+
+      loadingDelegate: this,
+      // if you want to build custom loading widget,extends LoadingDelegate, [see example/lib/main.dart]
 
-      loadingDelegate:
-          this, // if you want to build custom loading widget,extends LoadingDelegate, [see example/lib/main.dart]
+      badgeDelegate: const DurationBadgeDelegate(),
     );
 
     if (imgList == null) {

lib/photo.dart

 import 'dart:async';
 
 import 'package:flutter/material.dart';
+import 'package:photo/src/delegate/badge_delegate.dart';
 import 'package:photo/src/delegate/checkbox_builder_delegate.dart';
 import 'package:photo/src/delegate/loading_delegate.dart';
 import 'package:photo/src/delegate/sort_delegate.dart';
 export 'package:photo/src/delegate/sort_delegate.dart';
 export 'package:photo/src/provider/i18n_provider.dart'
     show I18NCustomProvider, I18nProvider, CNProvider, ENProvider;
+export 'package:photo/src/delegate/badge_delegate.dart';
 
 class PhotoPicker {
   static PhotoPicker _instance;
 
   static const String rootRouteName = "photo_picker_image";
 
+  /// use new method [pickAsset]
+  ///
+  /// This method will be removed in the future.
+  @deprecated
+  static Future<List<AssetEntity>> pickImage({
+    @required BuildContext context,
+    int rowCount = 4,
+    int maxSelected = 9,
+    double padding = 0.5,
+    double itemRadio = 1.0,
+    Color themeColor,
+    Color dividerColor,
+    Color textColor,
+    Color disableColor,
+    int thumbSize = 64,
+    I18nProvider provider = I18nProvider.chinese,
+    SortDelegate sortDelegate,
+    CheckBoxBuilderDelegate checkBoxBuilderDelegate,
+    LoadingDelegate loadingDelegate,
+  }) {
+    return pickAsset(
+      context: context,
+      rowCount: rowCount,
+      maxSelected: maxSelected,
+      padding: padding,
+      itemRadio: itemRadio,
+      themeColor: themeColor,
+      dividerColor: dividerColor,
+      textColor: textColor,
+      disableColor: disableColor,
+      thumbSize: thumbSize,
+      provider: provider,
+      sortDelegate: sortDelegate,
+      checkBoxBuilderDelegate: checkBoxBuilderDelegate,
+      loadingDelegate: loadingDelegate,
+    );
+  }
+
   /// 没有授予权限的时候,会开启一个dialog去帮助用户去应用设置页面开启权限
-  /// 确定开启设置页面,取消关闭弹窗
+  /// 确定开启设置页面,取消关闭弹窗,无论选择什么,返回值都是null
   ///
   ///
   /// 当用户给予权限后
   ///
   ///   当用户确定时,返回一个图片[AssetEntity]列表
   ///
-  ///   当用户取消时
+  ///   当用户取消时返回一个空数组
+  ///
+  /// 关于参数可以查看readme文档介绍
   ///
   /// if user not grand permission, then return null and show a dialog to help user open setting.
-  /// sure is open setting cancel ,cancel to dismiss dialog
+  /// sure is open setting cancel ,cancel to dismiss dialog, return null
   ///
   /// when user give permission.
   ///
   ///   when user sure , return a [AssetEntity] of [List]
   ///
   ///   when user cancel selected,result is empty list
-  static Future<List<AssetEntity>> pickImage({
+  ///
+  /// params see readme.md
+  static Future<List<AssetEntity>> pickAsset({
     @required BuildContext context,
     int rowCount = 4,
     int maxSelected = 9,
     SortDelegate sortDelegate,
     CheckBoxBuilderDelegate checkBoxBuilderDelegate,
     LoadingDelegate loadingDelegate,
+    BadgeDelegate badgeDelegate = const DefaultBadgeDelegate(),
   }) {
     assert(provider != null, "provider must be not null");
     assert(context != null, "context must be not null");
       sortDelegate: sortDelegate,
       checkBoxBuilderDelegate: checkBoxBuilderDelegate,
       loadingDelegate: loadingDelegate,
+      badgeDelegate: badgeDelegate,
     );
 
     return PhotoPicker()._pickImage(

lib/src/delegate/badge_delegate.dart

+import 'package:flutter/material.dart';
+import 'package:photo_manager/photo_manager.dart';
+
+abstract class BadgeDelegate {
+  const BadgeDelegate();
+
+  Widget buildBadge(BuildContext context, AssetType type, Duration duration);
+}
+
+class DefaultBadgeDelegate extends BadgeDelegate {
+  final AlignmentGeometry alignment;
+
+  const DefaultBadgeDelegate({
+    this.alignment = Alignment.topLeft,
+  });
+
+  @override
+  Widget buildBadge(BuildContext context, AssetType type, Duration duration) {
+    if (type == AssetType.video) {
+      return Padding(
+        padding: const EdgeInsets.all(2.0),
+        child: Align(
+          alignment: alignment,
+          child: Container(
+            decoration: BoxDecoration(
+              color: Theme.of(context).primaryColor,
+              borderRadius: BorderRadius.circular(3.0),
+            ),
+            child: Text(
+              "video",
+              style: const TextStyle(
+                fontSize: 12.0,
+                color: Colors.white,
+              ),
+            ),
+            padding: const EdgeInsets.all(4.0),
+          ),
+        ),
+      );
+    }
+
+    return Container();
+  }
+}
+
+class DurationBadgeDelegate extends BadgeDelegate {
+  final AlignmentGeometry alignment;
+  const DurationBadgeDelegate({this.alignment = Alignment.bottomRight});
+
+  @override
+  Widget buildBadge(BuildContext context, AssetType type, Duration duration) {
+    if (type == AssetType.video) {
+      var s = duration.inSeconds;
+      var m = duration.inMinutes;
+      var h = duration.inHours;
+
+      String text =
+          "$h:${m.toString().padLeft(2, '0')}:${s.toString().padLeft(2, '0')}";
+
+      return Padding(
+        padding: const EdgeInsets.all(2.0),
+        child: Align(
+          alignment: alignment,
+          child: Container(
+            decoration: BoxDecoration(
+              color: Theme.of(context).primaryColor.withOpacity(0.65),
+            ),
+            child: Text(
+              text,
+              style: const TextStyle(
+                fontSize: 12.0,
+                color: Colors.white,
+              ),
+            ),
+            padding: const EdgeInsets.all(4.0),
+          ),
+        ),
+      );
+    }
+
+    return Container();
+  }
+}

lib/src/entity/options.dart

 import 'package:flutter/material.dart';
+import 'package:photo/src/delegate/badge_delegate.dart';
 import 'package:photo/src/delegate/checkbox_builder_delegate.dart';
 import 'package:photo/src/delegate/loading_delegate.dart';
 import 'package:photo/src/delegate/sort_delegate.dart';
 
   final LoadingDelegate loadingDelegate;
 
+  final BadgeDelegate badgeDelegate;
+
   const Options({
     this.rowCount,
     this.maxSelected,
     this.sortDelegate,
     this.checkBoxBuilderDelegate,
     this.loadingDelegate,
+    this.badgeDelegate,
   });
 }

lib/src/ui/page/photo_main_page.dart

 import 'dart:typed_data';
 
 import 'package:flutter/material.dart';
+import 'package:photo/src/delegate/badge_delegate.dart';
 import 'package:photo/src/delegate/loading_delegate.dart';
 import 'package:photo/src/engine/lru_cache.dart';
 import 'package:photo/src/entity/options.dart';
 
   Widget _buildItem(BuildContext context, int index) {
     var data = list[index];
-    return GestureDetector(
-      onTap: () => _onItemClick(data, index),
-      child: Stack(
-        children: <Widget>[
-          ImageItem(
-            entity: data,
-            themeColor: themeColor,
-            size: options.thumbSize,
-            loadingDelegate: options.loadingDelegate,
-          ),
-          _buildMask(containsEntity(data)),
-          _buildSelected(data),
-        ],
+    return RepaintBoundary(
+      child: GestureDetector(
+        onTap: () => _onItemClick(data, index),
+        child: Stack(
+          children: <Widget>[
+            ImageItem(
+              entity: data,
+              themeColor: themeColor,
+              size: options.thumbSize,
+              loadingDelegate: options.loadingDelegate,
+              badgeDelegate: options.badgeDelegate,
+            ),
+            _buildMask(containsEntity(data)),
+            _buildSelected(data),
+          ],
+        ),
       ),
     );
   }
 
   final LoadingDelegate loadingDelegate;
 
+  final BadgeDelegate badgeDelegate;
+
   const ImageItem({
     Key key,
     this.entity,
     this.themeColor,
     this.size = 64,
     this.loadingDelegate,
+    this.badgeDelegate,
   }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     var thumb = ImageLruCache.getData(entity, size);
     if (thumb != null) {
-      return _buildImageItem(thumb);
+      return _buildImageItem(context, thumb);
     }
 
     return FutureBuilder<Uint8List>(
         if (snapshot.connectionState == ConnectionState.done &&
             futureData != null) {
           ImageLruCache.setData(entity, size, futureData);
-          return _buildImageItem(futureData);
+          return _buildImageItem(context, futureData);
         }
         return Center(
-          child:
-              loadingDelegate.buildPreviewLoading(context, entity, themeColor),
+          child: loadingDelegate.buildPreviewLoading(
+            context,
+            entity,
+            themeColor,
+          ),
         );
       },
     );
   }
 
-  Widget _buildImageItem(Uint8List data) {
-    return Image.memory(
+  Widget _buildImageItem(BuildContext context, Uint8List data) {
+    var image = Image.memory(
       data,
       width: double.infinity,
       height: double.infinity,
       fit: BoxFit.cover,
     );
+    // FutureBuilder()
+    var badge = FutureBuilder<Duration>(
+      future: entity.videoDuration,
+      builder: (ctx, snapshot) {
+        if (snapshot.hasData && snapshot != null) {
+          var buildBadge =
+              badgeDelegate?.buildBadge(context, entity.type, snapshot.data);
+          if (buildBadge == null) {
+            return Container();
+          } else {
+            return buildBadge;
+          }
+        } else {
+          return Container();
+        }
+      },
+    );
+
+    return Stack(
+      children: <Widget>[
+        image,
+        IgnorePointer(
+          child: badge,
+        ),
+      ],
+    );
   }
 }

lib/src/ui/page/photo_preview_page.dart

 
   Widget _buildThumbItem(BuildContext context, int index) {
     var item = previewList[index];
-    return GestureDetector(
-      onTap: () => changeSelected(item, index),
-      child: Container(
-        width: 80.0,
-        child: Stack(
-          children: <Widget>[
-            ImageItem(
-              themeColor: themeColor,
-              entity: item,
-              size: options.thumbSize,
-              loadingDelegate: options.loadingDelegate,
-            ),
-            IgnorePointer(
-              child: StreamBuilder(
-                stream: pageStream,
-                builder: (BuildContext context, AsyncSnapshot snapshot) {
-                  if (selectedList.contains(item)) {
-                    return Container();
-                  }
-                  return Container(
-                    color: Colors.white.withOpacity(0.5),
-                  );
-                },
+    return RepaintBoundary(
+      child: GestureDetector(
+        onTap: () => changeSelected(item, index),
+        child: Container(
+          width: 80.0,
+          child: Stack(
+            children: <Widget>[
+              ImageItem(
+                themeColor: themeColor,
+                entity: item,
+                size: options.thumbSize,
+                loadingDelegate: options.loadingDelegate,
               ),
-            ),
-          ],
+              IgnorePointer(
+                child: StreamBuilder(
+                  stream: pageStream,
+                  builder: (BuildContext context, AsyncSnapshot snapshot) {
+                    if (selectedList.contains(item)) {
+                      return Container();
+                    }
+                    return Container(
+                      color: Colors.white.withOpacity(0.5),
+                    );
+                  },
+                ),
+              ),
+            ],
+          ),
         ),
       ),
     );

pubspec.lock

       name: photo_manager
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.1.8"
+    version: "0.1.9"
   quiver:
     dependency: transitive
     description:

pubspec.yaml

 name: photo
 description: image picker, multi picker support video / icloud asset ,use flutter as ui, if you want to build custom ui,you just use photo_manager.
-version: 0.1.6
+version: 0.1.7
 author: caijinglong<cjl_spy@163.com>
 homepage: https://github.com/CaiJingLong/flutter_photo
 
   flutter:
     sdk: flutter
 
-  photo_manager: ^0.1.8
+  photo_manager: ^0.1.9
   # photo_manager:
   #   git:
   #     url: https://github.com/CaiJingLong/flutter_photo_manager.git