未被纳入管理的文件

.gitignore

@@ -8,3 +8,6 @@ build/
 ios/.generated/
 ios/Flutter/Generated.xcconfig
 ios/Runner/GeneratedPluginRegistrant.*
+
+.idea/
+*.iml

example/android/app/src/main/java/com/example/example/MainActivity.java

@@ -1,6 +1,7 @@
 package com.example.example;
 
 import android.os.Bundle;
+
 import io.flutter.app.FlutterActivity;
 import io.flutter.plugins.GeneratedPluginRegistrant;
 

example/ios/Runner/Info.plist

@@ -26,6 +26,10 @@
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>
 	<string>Main</string>
+
+	<key>NSPhotoLibraryUsageDescription</key>
+    <string>App需要您的同意,才能访问相册</string>
+
 	<key>UISupportedInterfaceOrientations</key>
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>

example/lib/main.dart

@@ -49,6 +49,11 @@ class _MyHomePageState extends State<MyHomePage> {
   void _incrementCounter() {
     PhotoPicker.pickImage(
       context: context,
+      themeColor: Colors.green,
+      padding: 5.0,
+      dividerColor: Colors.deepOrange,
+      disableColor: Colors.grey,
+      itemRadio: 0.88,
     );
   }
 
@@ -102,4 +107,8 @@ class _MyHomePageState extends State<MyHomePage> {
       ), // This trailing comma makes auto-formatting nicer for build methods.
     );
   }
+
+  void _test(){
+//    Navigator.of(context).pop
+  }
 }

lib/photo.dart

@@ -1,10 +1,11 @@
 library photo;
 
 import 'package:flutter/material.dart';
-
-import 'package:photo_manager/photo_manager.dart';
-
 import 'package:photo/src/entity/options.dart';
+import 'package:photo/src/page/not_permission_dialog.dart';
+import 'package:photo/src/page/photo_main_page.dart';
+import 'package:photo/src/provider/i18n_provider.dart';
+import 'package:photo_manager/photo_manager.dart';
 
 /// A Calculator.
 class PhotoPicker {
@@ -17,29 +18,89 @@ class PhotoPicker {
     return _instance;
   }
 
-  void pickImage({
+  /// 没有授予权限的时候,会开启一个dialog去帮助用户去应用设置页面开启权限
+  /// 确定开启设置页面,取消关闭弹窗
+  ///
+  ///
+  /// 当用户给予权限后
+  ///
+  ///   当用户确定时,返回一个图片[ImageEntity]列表
+  ///
+  ///   当用户取消时
+  ///
+  /// 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
+  ///
+  /// when user give permission.
+  ///
+  ///   when user sure , return a [ImageEntity] of [List]
+  ///
+  ///   when user cancel selected,result is empty list
+  static Future<List<ImageEntity>> pickImage({
     @required BuildContext context,
-    int rowCount = 3,
+    int rowCount = 4,
     int maxSelected = 9,
     double padding = 0.5,
+    double itemRadio = 1.0,
     Color themeColor,
     Color dividerColor,
     Color textColor,
-    Color paddingColor,
+    Color disableColor,
+    I18nProvider provider = I18nProvider.chinese,
   }) {
+    assert(provider != null, "provider must be not null");
+    assert(context != null, "context must be not null");
+
     themeColor ??= Theme.of(context)?.primaryColor ?? Colors.black;
     dividerColor ??= Theme.of(context)?.dividerColor ?? Colors.grey;
-    paddingColor ??= Theme.of(context)?.dividerColor ?? Colors.grey;
+    disableColor ??= Theme.of(context)?.dividerColor ?? Colors.grey;
     textColor ??= Colors.white;
 
-    Options(
+    var options = Options(
       rowCount: rowCount,
       dividerColor: dividerColor,
       maxSelected: maxSelected,
+      itemRadio:itemRadio,
       padding: padding,
-      paddingColor: paddingColor,
+      paddingColor: disableColor,
       textColor: textColor,
       themeColor: themeColor,
     );
+
+    return PhotoPicker()._pickImage(context, options, provider);
+  }
+
+  Future<List<ImageEntity>> _pickImage(
+    BuildContext context,
+    Options options,
+    I18nProvider provider,
+  ) async {
+    var requestPermission = await ImageScanner.requestPermission();
+    if (requestPermission != true) {
+      var result = await showDialog(
+        context: context,
+        builder: (ctx) => NotPermissionDialog(
+              provider.getNotPermissionText(options),
+            ),
+      );
+      if (result == true) {
+        ImageScanner.openSetting();
+      }
+      return null;
+    }
+
+    return _openGalleryContentPage(context, options, provider);
+  }
+
+  Future<List<ImageEntity>> _openGalleryContentPage(
+      BuildContext context, Options options, I18nProvider provider) {
+    return Navigator.of(context).push(
+      MaterialPageRoute(
+        builder: (ctx) => PhotoMainPage(
+              options: options,
+              provider: provider,
+            ),
+      ),
+    );
   }
 }

lib/src/engine/lru_cache.dart

@@ -0,0 +1,54 @@
+import 'dart:collection';
+import 'dart:typed_data';
+
+import 'package:photo_manager/photo_manager.dart';
+
+class ImageLruCache {
+  static LRUMap<ImageEntity, Uint8List> _map = LRUMap(500);
+
+  static Uint8List getData(ImageEntity entity) {
+    return _map.get(entity);
+  }
+
+  static void setData(ImageEntity entity, Uint8List list) {
+    _map.put(entity, list);
+  }
+}
+
+// Copyright (c) 2015, the Dart project authors.  Please see the AUTHORS file
+// for details. All rights reserved. Use of this source code is governed by a
+// BSD-style license that can be found in the LICENSE file.
+
+typedef EvictionHandler<K, V>(K key, V value);
+
+class LRUMap<K, V> {
+  final LinkedHashMap<K, V> _map = new LinkedHashMap<K, V>();
+  final int _maxSize;
+  final EvictionHandler<K, V> _handler;
+
+  LRUMap(this._maxSize, [this._handler]);
+
+  V get(K key) {
+    V value = _map.remove(key);
+    if (value != null) {
+      _map[key] = value;
+    }
+    return value;
+  }
+
+  void put(K key, V value) {
+    _map.remove(key);
+    _map[key] = value;
+    if (_map.length > _maxSize) {
+      K evictedKey = _map.keys.first;
+      V evictedValue = _map.remove(evictedKey);
+      if (_handler != null) {
+        _handler(evictedKey, evictedValue);
+      }
+    }
+  }
+
+  void remove(K key) {
+    _map.remove(key);
+  }
+}

lib/src/entity/options.dart

@@ -2,19 +2,34 @@ import 'package:flutter/material.dart';
 
 class Options {
   final int rowCount;
+
   final int maxSelected;
+
   final double padding;
+
+  final double itemRadio;
+
   final Color themeColor;
+
   final Color dividerColor;
+
   final Color textColor;
+
   final Color paddingColor;
 
-  const Options(
-      {this.rowCount,
-      this.maxSelected,
-      this.padding,
-      this.themeColor,
-      this.dividerColor,
-      this.textColor,
-      this.paddingColor});
+  const Options({
+    this.rowCount,
+    this.maxSelected,
+    this.padding,
+    this.itemRadio,
+    this.themeColor,
+    this.dividerColor,
+    this.textColor,
+    this.paddingColor,
+  });
+
+  @override
+  String toString() {
+    return 'Options{rowCount: $rowCount, maxSelected: $maxSelected, padding: $padding, themeColor: $themeColor, dividerColor: $dividerColor, textColor: $textColor, paddingColor: $paddingColor}';
+  }
 }

lib/src/error/permission_error.dart

@@ -0,0 +1,3 @@
+class NoPermissionError implements Exception {
+  const NoPermissionError();
+}

lib/src/page/not_permission_dialog.dart

@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+import 'package:photo/src/provider/i18n_provider.dart';
+
+class NotPermissionDialog extends StatefulWidget {
+  final I18NPermissionProvider provider;
+
+  const NotPermissionDialog(this.provider);
+
+  @override
+  _NotPermissionDialogState createState() => _NotPermissionDialogState();
+}
+
+class _NotPermissionDialogState extends State<NotPermissionDialog> {
+  @override
+  Widget build(BuildContext context) {
+    var provider = widget.provider;
+    return AlertDialog(
+      title: Text(provider.titleText),
+      actions: <Widget>[
+        FlatButton(
+          onPressed: _onCancel,
+          child: Text(provider.cancelText),
+        ),
+        FlatButton(
+          onPressed: _onSure,
+          child: Text(provider.sureText),
+        ),
+      ],
+    );
+  }
+
+  void _onCancel() {
+    Navigator.pop(context);
+  }
+
+  void _onSure() {
+    Navigator.pop(context, true);
+  }
+}

lib/src/page/photo_main_page.dart

@@ -0,0 +1,308 @@
+import 'dart:typed_data';
+
+import 'package:flutter/material.dart';
+import 'package:photo/src/engine/lru_cache.dart';
+import 'package:photo/src/entity/options.dart';
+import 'package:photo/src/provider/i18n_provider.dart';
+import 'package:photo/src/provider/selected_provider.dart';
+import 'package:photo_manager/photo_manager.dart';
+
+class PhotoMainPage extends StatefulWidget {
+  final Options options;
+  final I18nProvider provider;
+
+  const PhotoMainPage({Key key, this.options, this.provider}) : super(key: key);
+
+  @override
+  _PhotoMainPageState createState() => _PhotoMainPageState();
+}
+
+class _PhotoMainPageState extends State<PhotoMainPage> with SelectedProvider {
+  Options get options => widget.options;
+
+  I18nProvider get i18nProvider => widget.provider;
+
+  List<ImageEntity> selectedList = [];
+  List<ImageParentPath> pathList = [];
+
+  List<ImageEntity> list = [];
+
+  Color get themeColor => options.themeColor;
+
+  ImageParentPath _currentPath;
+
+  ImageParentPath get currentPath {
+    if (_currentPath == null) {
+      return null;
+    }
+    return _currentPath;
+  }
+
+  set currentPath(ImageParentPath value) {
+    _currentPath = value;
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _refreshList();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    var textStyle = TextStyle(
+      color: options.textColor,
+      fontSize: 14.0,
+    );
+    return DefaultTextStyle(
+      style: textStyle,
+      child: Scaffold(
+        appBar: AppBar(
+          backgroundColor: options.themeColor,
+          title: Text(
+            i18nProvider.getTitleText(options),
+          ),
+          actions: <Widget>[
+            FlatButton(
+              child: Text(
+                i18nProvider.getSureText(options, this),
+                style: textStyle,
+              ),
+              onPressed: sure,
+            ),
+          ],
+        ),
+        body: _buildBody(),
+        bottomSheet: _BottomWidget(
+          provider: i18nProvider,
+          options: options,
+          onGalleryChange: _onGalleryChange,
+          selectedProvider: this,
+        ),
+      ),
+    );
+  }
+
+  void _refreshList() async {
+    pathList = await ImageScanner.getImagePathList();
+    var path = pathList[0];
+    var imageList = await path.imageList;
+    this.list.clear();
+    this.list.addAll(imageList);
+    print(list);
+    setState(() {});
+  }
+
+  Widget _buildBody() {
+    return Container(
+      color: options.paddingColor,
+      child: GridView.builder(
+        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+          crossAxisCount: options.rowCount,
+          childAspectRatio: options.itemRadio,
+          crossAxisSpacing: options.padding,
+          mainAxisSpacing: options.padding,
+        ),
+        itemBuilder: _buildItem,
+        itemCount: list.length,
+      ),
+    );
+  }
+
+  @override
+  int get selectedCount => selectedList.length;
+
+  @override
+  bool containsEntity(ImageEntity entity) {
+    return selectedList.contains(entity);
+  }
+
+  @override
+  int indexOfSelected(ImageEntity entity) {
+    return selectedList.indexOf(entity);
+  }
+
+  Widget _buildItem(BuildContext context, int index) {
+    var data = list[index];
+    return GestureDetector(
+      onTap: () => _onItemClick(data),
+      child: Stack(
+        children: <Widget>[
+          ImageItem(
+            entity: data,
+            themeColor: themeColor,
+          ),
+          _buildMask(containsEntity(data)),
+          _buildSelected(data),
+        ],
+      ),
+    );
+  }
+
+  _buildMask(bool showMask) {
+    return IgnorePointer(
+      child: AnimatedContainer(
+        color: showMask ? Colors.black.withOpacity(0.5) : Colors.transparent,
+        duration: Duration(milliseconds: 300),
+      ),
+    );
+  }
+
+  Widget _buildSelected(ImageEntity entity) {
+    var currentSelected = containsEntity(entity);
+    return Positioned(
+      right: 0.0,
+      width: 36.0,
+      height: 36.0,
+      child: GestureDetector(
+        onTap: () {
+          changeCheck(!currentSelected, entity);
+        },
+        behavior: HitTestBehavior.translucent,
+        child: _buildText(entity),
+      ),
+    );
+  }
+
+  Widget _buildText(ImageEntity entity) {
+    var isSelected = containsEntity(entity);
+    Widget child;
+    BoxDecoration decoration;
+    if (isSelected) {
+      child = Text(
+        (indexOfSelected(entity) + 1).toString(),
+        textAlign: TextAlign.center,
+        style: TextStyle(
+          fontSize: 12.0,
+          color: options.textColor,
+        ),
+      );
+      decoration = BoxDecoration(color: themeColor);
+    } else {
+      decoration = BoxDecoration(
+        borderRadius: BorderRadius.circular(1.0),
+        border: Border.all(
+          color: themeColor,
+        ),
+      );
+    }
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: AnimatedContainer(
+        duration: Duration(milliseconds: 300),
+        decoration: decoration,
+        alignment: Alignment.center,
+        child: child,
+      ),
+    );
+  }
+
+  void changeCheck(bool value, ImageEntity entity) {
+    if (value) {
+      selectedList.add(entity);
+    } else {
+      selectedList.remove(entity);
+    }
+    setState(() {});
+  }
+
+  void sure() {}
+
+  void _onItemClick(ImageEntity data) {}
+
+  void _onGalleryChange(ImageParentPath value) {}
+}
+
+class _BottomWidget extends StatefulWidget {
+  final ValueChanged<ImageParentPath> onGalleryChange;
+
+  final Options options;
+
+  final I18nProvider provider;
+
+  final SelectedProvider selectedProvider;
+
+  final String galleryName;
+
+  const _BottomWidget({
+    Key key,
+    this.onGalleryChange,
+    this.options,
+    this.provider,
+    this.selectedProvider,
+    this.galleryName = "",
+  }) : super(key: key);
+
+  @override
+  __BottomWidgetState createState() => __BottomWidgetState();
+}
+
+class __BottomWidgetState extends State<_BottomWidget> {
+  Options get options => widget.options;
+
+  I18nProvider get i18nProvider => widget.provider;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: options.themeColor,
+      height: 44.0,
+      child: Row(
+        children: <Widget>[
+          Text(
+            widget.galleryName,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class ImageItem extends StatelessWidget {
+  final ImageEntity entity;
+
+  final Color themeColor;
+
+  const ImageItem({
+    Key key,
+    this.entity,
+    this.themeColor,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    var thumb = ImageLruCache.getData(entity);
+    if (thumb != null) {
+      return _buildImageItem(thumb);
+    }
+    return FutureBuilder<Uint8List>(
+      future: entity.thumbData,
+      builder: (BuildContext context, AsyncSnapshot<Uint8List> snapshot) {
+        var futureData = snapshot.data;
+        if (snapshot.connectionState == ConnectionState.done &&
+            futureData != null) {
+          ImageLruCache.setData(entity, futureData);
+          return _buildImageItem(futureData);
+        }
+        return Center(
+          child: Container(
+            width: 20.0,
+            height: 20.0,
+            child: CircularProgressIndicator(
+              valueColor: AlwaysStoppedAnimation(themeColor),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildImageItem(Uint8List data) {
+    return Image.memory(
+      data,
+      width: double.infinity,
+      height: double.infinity,
+      fit: BoxFit.cover,
+    );
+  }
+}

lib/src/provider/i18n_provider.dart

@@ -1,7 +1,8 @@
 import 'package:photo/src/entity/options.dart';
-import 'package:photo/src/provider/SelectedProvider.dart';
+import 'package:photo/src/provider/selected_provider.dart';
 
 abstract class I18nProvider {
+  const I18nProvider._();
 
   String getTitleText(Options options);
 
@@ -9,13 +10,20 @@ abstract class I18nProvider {
 
   String getPreviewText(Options options, SelectedProvider selectedProvider);
 
-  static I18nProvider chinese = _CNProvider();
+  String getSelectedOptionsText(Options options);
 
-  static I18nProvider english = _ENProvider();
+  String getMaxTipText(Options options);
 
+  I18NPermissionProvider getNotPermissionText(Options options);
+
+  static const I18nProvider chinese = _CNProvider();
+
+  static const I18nProvider english = _ENProvider();
 }
 
 class _CNProvider extends I18nProvider {
+  const _CNProvider() : super._();
+
   @override
   String getTitleText(Options options) {
     return "图片选择";
@@ -30,9 +38,27 @@ class _CNProvider extends I18nProvider {
   String getSureText(Options options, SelectedProvider selectedProvider) {
     return "确定(${selectedProvider.selectedCount}/${options.maxSelected})";
   }
+
+  @override
+  String getSelectedOptionsText(Options options) {
+    return "选择";
+  }
+
+  @override
+  String getMaxTipText(Options options) {
+    return "您已经选择了${options.maxSelected}张图片";
+  }
+
+  @override
+  I18NPermissionProvider getNotPermissionText(Options options) {
+    return I18NPermissionProvider(
+        cancelText: "取消", sureText: "去开启", titleText: "没有访问相册的权限");
+  }
 }
 
 class _ENProvider extends I18nProvider {
+  const _ENProvider() : super._();
+
   @override
   String getTitleText(Options options) {
     return "image picker";
@@ -47,4 +73,68 @@ class _ENProvider extends I18nProvider {
   String getSureText(Options options, SelectedProvider selectedProvider) {
     return "sure(${selectedProvider.selectedCount}/${options.maxSelected})";
   }
+
+  @override
+  String getSelectedOptionsText(Options options) {
+    return "selected";
+  }
+
+  @override
+  String getMaxTipText(Options options) {
+    return "select ${options.maxSelected} pictures at most";
+  }
+
+  @override
+  I18NPermissionProvider getNotPermissionText(Options options) {
+    return I18NPermissionProvider(
+        cancelText: "cancel",
+        sureText: "allow",
+        titleText: "No permission to access gallery");
+  }
+}
+
+abstract class I18NCustomProvider implements I18nProvider {
+  final String maxTipText;
+  final String previewText;
+  final String selectedOptionsText;
+  final String sureText;
+  final String titleText;
+  final I18NPermissionProvider notPermissionText;
+
+  I18NCustomProvider(
+      this.maxTipText,
+      this.previewText,
+      this.selectedOptionsText,
+      this.sureText,
+      this.titleText,
+      this.notPermissionText);
+
+  @override
+  String getMaxTipText(Options options) {
+    return maxTipText;
+  }
+
+  @override
+  String getSelectedOptionsText(Options options) {
+    return selectedOptionsText;
+  }
+
+  @override
+  String getTitleText(Options options) {
+    return titleText;
+  }
+
+  @override
+  I18NPermissionProvider getNotPermissionText(Options options) {
+    return notPermissionText;
+  }
+}
+
+class I18NPermissionProvider {
+  final String titleText;
+  final String sureText;
+  final String cancelText;
+
+  const I18NPermissionProvider(
+      {this.titleText, this.sureText, this.cancelText});
 }

lib/src/provider/selected_provider.dart

@@ -1,3 +1,12 @@
+import 'package:photo_manager/photo_manager.dart';
+
 abstract class SelectedProvider {
+
   int get selectedCount;
+
+  bool containsEntity(ImageEntity entity);
+
+  int indexOfSelected(ImageEntity entity);
+
+  void sure();
 }

pubspec.lock

@@ -211,8 +211,8 @@ packages:
     dependency: "direct main"
     description:
       path: "."
-      ref: HEAD
-      resolved-ref: "567b73d36baad10092d72bde41fc5e64e39594c5"
+      ref: "0a808b0a537e5203095a6b70aa5c42ca4d5a9c9a"
+      resolved-ref: "0a808b0a537e5203095a6b70aa5c42ca4d5a9c9a"
       url: "https://github.com/CaiJingLong/flutter_photo_manager"
     source: git
     version: "0.0.1"

pubspec.yaml

@@ -13,6 +13,7 @@ dependencies:
   photo_manager:
     git:
       url: https://github.com/CaiJingLong/flutter_photo_manager
+      ref: 0a808b0a537e5203095a6b70aa5c42ca4d5a9c9a
 
 dev_dependencies:
   flutter_test: