全新改版，采用activity实现

Author: albert-lii

app/build.gradle

@@ -5,10 +5,10 @@ android {
     buildToolsVersion "26.0.1"
     defaultConfig {
         applicationId "com.liyi.example"
-        minSdkVersion 14
+        minSdkVersion 21
         targetSdkVersion 26
         versionCode 1
-        versionName "1.0"
+        versionName "1.0.0"
         testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
     }
     buildTypes {
@@ -28,5 +28,7 @@ dependencies {
         exclude group: 'com.android.support', module: 'support-annotations'
     })
     compile 'com.github.albert-lii:AutoGridView:1.0.0'
+    implementation 'com.github.bumptech.glide:glide:4.1.1'
+    annotationProcessor 'com.github.bumptech.glide:compiler:4.1.1'
     implementation project(':image-viewer')
 }

app/src/main/AndroidManifest.xml

@@ -2,6 +2,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.liyi.example">
 
+    <uses-permission android:name="android.permission.INTERNET" />
+
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
@@ -16,6 +18,10 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
-    </application>
 
+        <activity
+            android:name="com.liyi.viewer.view.ImagePreviewActivity"
+            android:launchMode="singleTask"
+            android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" />
+    </application>
 </manifest>

app/src/main/java/com/liyi/example/PicActivity.java

@@ -1,82 +1,99 @@
 package com.liyi.example;
 
-import android.graphics.Rect;
+import android.content.Context;
+import android.graphics.Color;
 import android.os.Bundle;
 import android.support.annotation.Nullable;
 import android.support.v7.app.AppCompatActivity;
+import android.view.Gravity;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
-import android.view.Window;
 import android.view.WindowManager;
 import android.widget.ImageView;
 
+import com.bumptech.glide.Glide;
 import com.liyi.autogrid.AutoGridView;
 import com.liyi.autogrid.BaseGridAdapter;
 import com.liyi.viewer.ImageViewer;
+import com.liyi.viewer.data.ViewData;
 
 import java.util.ArrayList;
-import java.util.List;
 
 
 /**
  * Created by albertlii on 2017/9/20.
  */
 public class PicActivity extends AppCompatActivity {
     private AutoGridView autoGridView;
-    private List<Integer> mList = new ArrayList<>();
-    private List<Rect> mRects = new ArrayList<>();
 
     private ImageViewer imageViewer;
+    private ArrayList<Object> mImageDatas;
+    private ArrayList<ViewData> mViewDatas;
 
     @Override
     protected void onCreate(@Nullable Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
-        // 取消标题
-        requestWindowFeature(Window.FEATURE_NO_TITLE);
-        // 取消状态栏
         getWindow().setFlags(
                 WindowManager.LayoutParams.FLAG_FULLSCREEN,
                 WindowManager.LayoutParams.FLAG_FULLSCREEN);
         setContentView(R.layout.activity_pic);
+        initUI();
+        addListener();
+    }
 
+    private void initUI() {
         autoGridView = (AutoGridView) findViewById(R.id.autogridview);
 
-        mList.add(R.drawable.langman);
-        mList.add(R.drawable.huaijiu);
-        mList.add(R.drawable.landiao);
-        mList.add(R.drawable.fennen);
-        mList.add(R.drawable.heibai);
-
+        generateData();
         autoGridView.setAdapter(new MyAdapter());
+
+        imageViewer = ImageViewer.newInstance().indexPos(Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL).imageData(mImageDatas);
+        mViewDatas = new ArrayList<>();
+    }
+
+    private void addListener() {
         autoGridView.setOnItemClickListener(new AutoGridView.OnItemClickListener() {
             @Override
             public void onItemClick(int i, View view) {
-                mRects.clear();
+                mViewDatas.clear();
                 for (int j = 0; j < autoGridView.getChildCount(); j++) {
                     int[] location = new int[2];
                     // 获取在整个屏幕内的绝对坐标
                     autoGridView.getChildAt(j).getLocationOnScreen(location);
-                    mRects.add(new Rect(location[0], location[1],
-                            location[0] + autoGridView.getChildAt(i).getMeasuredWidth(),
-                            location[1] + autoGridView.getChildAt(i).getMeasuredHeight()));
-                }
-                if (imageViewer == null) {
-                    imageViewer = ImageViewer.newInstance();
+                    ViewData viewData = new ViewData();
+                    viewData.x = location[0];
+                    viewData.y = location[1];
+                    viewData.width = autoGridView.getChildAt(j).getMeasuredWidth();
+                    viewData.height = autoGridView.getChildAt(j).getMeasuredHeight();
+                    mViewDatas.add(viewData);
                 }
-                imageViewer.setLocations(mRects)
-                        .setIndexGravity(ImageViewer.BOTTOM)
-                        .setResources(i, mList, PicActivity.this)
-                        .show(getSupportFragmentManager(), "pic");
+                imageViewer.beginIndex(i)
+                        .viewData(mViewDatas)
+                        .show(PicActivity.this);
             }
         });
     }
 
+    private void generateData() {
+        mImageDatas = new ArrayList<>();
+        String url0 = "http://img5.duitang.com/uploads/item/201404/11/20140411214939_XswXa.jpeg";
+        String url1 = "http://att.bbs.duowan.com/forum/201210/20/210446opy9p5pghu015p9u.jpg";
+        String url2 = "https://b-ssl.duitang.com/uploads/item/201505/09/20150509221719_kyNrM.jpeg";
+        String url3 = "https://b-ssl.duitang.com/uploads/item/201709/26/20170926131419_8YhLA.jpeg";
+        String url4 = "https://b-ssl.duitang.com/uploads/item/201505/11/20150511122951_MAwVZ.jpeg";
+        mImageDatas.add(url0);
+        mImageDatas.add(url1);
+        mImageDatas.add(url2);
+        mImageDatas.add(url3);
+        mImageDatas.add(url4);
+    }
+
     private class MyAdapter extends BaseGridAdapter {
 
         @Override
         public int getCount() {
-            return mList == null ? 0 : mList.size();
+            return mImageDatas != null ? mImageDatas.size() : 0;
         }
 
         @Override
@@ -90,12 +107,28 @@ public View getView(int i, View view, ViewGroup viewGroup) {
             } else {
                 holder = (ItemHolder) view.getTag();
             }
-            holder.iv_grid.setImageResource(mList.get(i));
+            Glide.with(PicActivity.this)
+                    .load(mImageDatas.get(i))
+                    .into(holder.iv_grid);
             return view;
         }
 
         private class ItemHolder {
             private ImageView iv_grid;
         }
     }
+
+    /**
+     * 获取状态栏的高度
+     *
+     * @return
+     */
+    public static int getStatusBarHeight(Context context) {
+        int result = 0;
+        int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
+        if (resourceId > 0) {
+            result = context.getResources().getDimensionPixelSize(resourceId);
+        }
+        return result;
+    }
 }

app/src/main/res/layout/activity_pic.xml

@@ -2,7 +2,6 @@
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:gravity="center"
     android:orientation="vertical">
 
     <com.liyi.autogrid.AutoGridView

app/src/main/res/layout/item_auto_grid.xml

@@ -6,6 +6,7 @@
 
     <ImageView
         android:id="@+id/iv_item_grid"
+        android:background="@color/white"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:scaleType="centerCrop" />

app/src/main/res/values/styles.xml

@@ -7,5 +7,4 @@
         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
         <item name="colorAccent">@color/colorAccent</item>
     </style>
-
 </resources>

image-viewer/build.gradle

@@ -10,8 +10,8 @@ android {
     defaultConfig {
         minSdkVersion 11
         targetSdkVersion 25
-        versionCode 1
-        versionName "1.0.0"
+        versionCode 2
+        versionName "1.0.1"
 
         testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
 
@@ -34,4 +34,6 @@ dependencies {
         exclude group: 'com.android.support', module: 'support-annotations'
     })
     implementation 'com.github.chrisbanes.photoview:library:+'
+    implementation 'com.github.bumptech.glide:glide:4.1.1'
+    annotationProcessor 'com.github.bumptech.glide:compiler:4.1.1'
 }

image-viewer/proguard-rules.pro

@@ -19,3 +19,14 @@
 # If you keep the line number information, uncomment this to
 # hide the original source file name.
 #-renamesourcefileattribute SourceFile
+
+#Glide
+-keep public class * implements com.bumptech.glide.module.GlideModule
+-keep public class * extends com.bumptech.glide.AppGlideModule
+-keep public enum com.bumptech.glide.load.resource.bitmap.ImageHeaderParser$** {
+  **[] $VALUES;
+  public *;
+}
+
+# for DexGuard only
+-keepresourcexmlelements manifest/application/meta-data@value=GlideModule

image-viewer/src/main/AndroidManifest.xml

@@ -1,2 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.liyi.viewer" />
+    package="com.liyi.viewer">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+</manifest>

image-viewer/src/main/java/com/liyi/viewer/ImageDefine.java

@@ -0,0 +1,9 @@
+package com.liyi.viewer;
+
+
+public final class ImageDefine {
+    public static final String BEGIN_INDEX = "begin_index";
+    public static final String VIEW_ARRAY = "view_array";
+    public static final String IMAGE_ARRAY = "image_array";
+    public static final String INDEX_GRAVITY = "index_gravity";
+}