横向 循环 视差 画廊

zhangxutong · zhangxutong · commit 7de4416ef139 · 2017-07-04T17:11:00.000+08:00
diff --git a/.idea/libraries/adapters_1_2_1.xml b/.idea/libraries/adapters_1_2_1.xml
diff --git a/.idea/libraries/all_base_adapter_V1_8_0.xml b/.idea/libraries/all_base_adapter_V1_8_0.xml
diff --git a/.idea/libraries/constraint_layout_1_0_1.xml b/.idea/libraries/constraint_layout_1_0_1.xml
diff --git a/.idea/libraries/constraint_layout_solver_1_0_1.xml b/.idea/libraries/constraint_layout_solver_1_0_1.xml
diff --git a/.idea/libraries/library_1_2_1.xml b/.idea/libraries/library_1_2_1.xml
diff --git a/app/build.gradle b/app/build.gradle
@@ -24,7 +24,7 @@ dependencies {
     //Adapter终结者 地址：https://github.com/mcxtzhang/all-base-adapter
     compile project(':layoutmanager')
     compile 'com.android.support:appcompat-v7:24.2.1'
-    compile 'com.github.mcxtzhang:all-base-adapter:V1.3.0'
+    //compile 'com.github.mcxtzhang:all-base-adapter:V1.3.0'
     compile 'com.android.support:cardview-v7:25.1.0'
     compile 'com.squareup.picasso:picasso:2.3.2'
     compile 'com.android.support.constraint:constraint-layout:1.0.1'
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
@@ -31,6 +31,7 @@
         </activity>
         <activity android:name=".avatar.TanTanAvatarActivity">
         </activity>
+        <activity android:name=".gallery.LoopGalleryActivity"/>
     </application>
 
 </manifest>
diff --git a/app/src/main/java/com/mcxtzhang/flowlayoutmanager/LauncherActivity.java b/app/src/main/java/com/mcxtzhang/flowlayoutmanager/LauncherActivity.java
@@ -7,6 +7,7 @@
 
 import com.mcxtzhang.flowlayoutmanager.avatar.TanTanAvatarActivity;
 import com.mcxtzhang.flowlayoutmanager.gallary.GalleryActivity;
+import com.mcxtzhang.flowlayoutmanager.gallery.LoopGalleryActivity;
 import com.mcxtzhang.flowlayoutmanager.swipecard.SwipeCardActivity;
 import com.mcxtzhang.flowlayoutmanager.tantan.TanTanActivity;
 import com.mcxtzhang.flowlayoutmanager.zuimei.ScaleCardActivity;
@@ -53,5 +54,11 @@ public void onClick(View view) {
                 startActivity(new Intent(LauncherActivity.this, TanTanAvatarActivity.class));
             }
         });
+        findViewById(R.id.btnLoopGallery).setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                startActivity(new Intent(LauncherActivity.this, LoopGalleryActivity.class));
+            }
+        });
     }
 }
diff --git a/app/src/main/java/com/mcxtzhang/flowlayoutmanager/gallery/AlyLoopGallery.java b/app/src/main/java/com/mcxtzhang/flowlayoutmanager/gallery/AlyLoopGallery.java
@@ -0,0 +1,40 @@
+package com.mcxtzhang.flowlayoutmanager.gallery;
+
+import android.content.Context;
+import android.support.annotation.Nullable;
+import android.util.AttributeSet;
+import android.widget.ImageView;
+
+import com.mcxtzhang.flowlayoutmanager.R;
+import com.mcxtzhang.layoutmanager.gallery.BaseLoopGallery;
+import com.squareup.picasso.Picasso;
+
+/**
+ * Intro:
+ * Author: zhangxutong
+ * E-mail: mcxtzhang@163.com
+ * Home Page: http://blog.csdn.net/zxt0601
+ * Created:   2017/7/4.
+ * History:
+ */
+
+public class AlyLoopGallery extends BaseLoopGallery<String> {
+    public AlyLoopGallery(Context context) {
+        super(context);
+    }
+
+    public AlyLoopGallery(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    public AlyLoopGallery(Context context, @Nullable AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+    }
+
+    @Override
+    public void onBindData(com.mcxtzhang.commonadapter.rv.ViewHolder holder, String data) {
+        Picasso.with(holder.itemView.getContext())
+                .load(data)
+                .into((ImageView) holder.getView(R.id.image));
+    }
+}
diff --git a/app/src/main/java/com/mcxtzhang/flowlayoutmanager/gallery/LoopGalleryActivity.java b/app/src/main/java/com/mcxtzhang/flowlayoutmanager/gallery/LoopGalleryActivity.java
@@ -0,0 +1,34 @@
+package com.mcxtzhang.flowlayoutmanager.gallery;
+
+import android.os.Bundle;
+import android.support.v7.app.AppCompatActivity;
+
+import com.mcxtzhang.flowlayoutmanager.R;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class LoopGalleryActivity extends AppCompatActivity {
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_loop_gallery);
+        AlyLoopGallery alyLoopGallery = (AlyLoopGallery) findViewById(R.id.alyLoopGallery);
+        alyLoopGallery.setDatasAndLayoutId(initDatas(), R.layout.uc_item_main_image_header);
+    }
+
+
+    public List<String> initDatas() {
+        List<String> datas = new ArrayList<>();
+        datas.add(new String("http://imgs.ebrun.com/resources/2016_03/2016_03_25/201603259771458878793312_origin.jpg"));
+        datas.add(new String("http://p14.go007.com/2014_11_02_05/a03541088cce31b8_1.jpg"));
+        datas.add(new String("http://news.k618.cn/tech/201604/W020160407281077548026.jpg"));
+        datas.add(new String("http://www.kejik.com/image/1460343965520.jpg"));
+        datas.add(new String("http://cn.chinadaily.com.cn/img/attachement/jpg/site1/20160318/eca86bd77be61855f1b81c.jpg"));
+        datas.add(new String("http://imgs.ebrun.com/resources/2016_04/2016_04_12/201604124411460430531500.jpg"));
+        datas.add(new String("http://imgs.ebrun.com/resources/2016_04/2016_04_24/201604244971461460826484_origin.jpeg"));
+        datas.add(new String("http://www.lnmoto.cn/bbs/data/attachment/forum/201408/12/074018gshshia3is1cw3sg.jpg"));
+        return datas;
+    }
+}
diff --git a/app/src/main/res/layout/activity_launcher.xml b/app/src/main/res/layout/activity_launcher.xml
@@ -48,4 +48,10 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="探探选择头像界面"/>
+
+    <Button
+        android:id="@+id/btnLoopGallery"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="横向、循环、视差 画廊"/>
 </LinearLayout>
diff --git a/app/src/main/res/layout/activity_loop_gallery.xml b/app/src/main/res/layout/activity_loop_gallery.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<android.support.constraint.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.mcxtzhang.flowlayoutmanager.gallery.AlyLoopGallery
+        android:id="@+id/alyLoopGallery"
+        android:layout_width="0dp"
+        android:layout_height="260dp"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"/>
+</android.support.constraint.ConstraintLayout>
diff --git a/app/src/main/res/layout/uc_item_main_image_header.xml b/app/src/main/res/layout/uc_item_main_image_header.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+              android:layout_width="255dp"
+              android:layout_height="255dp"
+              android:layout_marginLeft="13dp"
+              android:layout_marginRight="13dp"
+              android:orientation="vertical">
+
+    <ImageView
+        android:id="@+id/image"
+        android:layout_width="255dp"
+        android:layout_height="255dp"
+
+        android:background="@color/colorAccent"/>
+</LinearLayout>
diff --git a/layoutmanager/build.gradle b/layoutmanager/build.gradle
@@ -24,4 +24,5 @@ android {
 dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
     compile 'com.android.support:recyclerview-v7:25.0.1'
+    compile 'com.github.mcxtzhang:all-base-adapter:V1.8.0'
 }
diff --git a/layoutmanager/src/main/java/com/mcxtzhang/layoutmanager/gallery/BaseLoopGallery.java b/layoutmanager/src/main/java/com/mcxtzhang/layoutmanager/gallery/BaseLoopGallery.java
@@ -0,0 +1,144 @@
+package com.mcxtzhang.layoutmanager.gallery;
+
+import android.content.Context;
+import android.support.annotation.Nullable;
+import android.support.v7.widget.LinearLayoutManager;
+import android.support.v7.widget.LinearSnapHelper;
+import android.support.v7.widget.RecyclerView;
+import android.support.v7.widget.SnapHelper;
+import android.util.AttributeSet;
+import android.view.View;
+
+import com.mcxtzhang.commonadapter.rv.CommonAdapter;
+
+import java.util.List;
+
+/**
+ * Intro:  横向 无限循环滑动 自动居中 视差效果的画廊
+ * Author: zhangxutong
+ * E-mail: mcxtzhang@163.com
+ * Home Page: http://blog.csdn.net/zxt0601
+ * Created:   2017/7/4.
+ * History:
+ */
+
+public abstract class BaseLoopGallery<T> extends RecyclerView {
+    Context mContext;
+    LinearLayoutManager mLinearLayoutManager;
+    CommonAdapter mAdapter;
+    SnapHelper mSnapHelper;
+
+    public BaseLoopGallery(Context context) {
+        super(context);
+        init(context);
+    }
+
+    public BaseLoopGallery(Context context, @Nullable AttributeSet attrs) {
+        super(context, attrs);
+        init(context);
+    }
+
+    public BaseLoopGallery(Context context, @Nullable AttributeSet attrs, int defStyle) {
+        super(context, attrs, defStyle);
+        init(context);
+    }
+
+    public void init(Context context) {
+        mContext = context;
+        //布局
+        setLayoutManager(mLinearLayoutManager = new LinearLayoutManager(mContext, LinearLayoutManager.HORIZONTAL, false));
+
+        //居中
+        mSnapHelper = new LinearSnapHelper();
+        mSnapHelper.attachToRecyclerView(this);
+
+        //渐变
+        addOnScrollListener(new RecyclerView.OnScrollListener() {
+            @Override
+            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
+                super.onScrollStateChanged(recyclerView, newState);
+            }
+
+            @Override
+            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
+                super.onScrolled(recyclerView, dx, dy);
+                int middle = (int) (getX() + getWidth() / 2);
+                for (int i = 0; i < getChildCount(); i++) {
+                    View child = getChildAt(i);
+                    int childMiddle = (int) (child.getX() + child.getWidth() / 2);
+                    int gap = Math.abs(middle - childMiddle);
+                    float fraction = gap * 1.0f / getWidth() / 2;
+                    scale(child, fraction);
+                }
+            }
+
+            private void scale(View child, float fraction) {
+                final float MIN_SCALE = 0.65f;
+                float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - Math.abs(fraction));
+                child.setScaleX(scaleFactor);
+                child.setScaleY(scaleFactor);
+            }
+        });
+    }
+
+    public void setDatasAndLayoutId(final List<T> datas, int itemLayoutId) {
+        setAdapter(mAdapter = new CommonAdapter<T>(mContext, datas, itemLayoutId) {
+            @Override
+            public void onBindViewHolder(com.mcxtzhang.commonadapter.rv.ViewHolder holder, int position) {
+                position = position % mDatas.size();
+                super.onBindViewHolder(holder, position);
+            }
+
+            @Override
+            public void convert(com.mcxtzhang.commonadapter.rv.ViewHolder viewHolder, T t) {
+                onBindData(viewHolder, t);
+            }
+
+            @Override
+            public T getItem(int position) {
+                return mDatas.get(position % mDatas.size());
+            }
+
+            @Override
+            public long getItemId(int position) {
+                return (position % mDatas.size());
+            }
+
+
+            @Override
+            public int getItemCount() {
+                return Integer.MAX_VALUE;
+            }
+        });
+
+
+        //首次进入自动居中
+        post(new Runnable() {
+            @Override
+            public void run() {
+                if (datas != null) {
+                    scrollToPosition(datas.size() * 1000);
+                    snapToTargetExistingView();
+                }
+
+            }
+
+            void snapToTargetExistingView() {
+                if (mLinearLayoutManager == null) {
+                    return;
+                }
+                View snapView = mSnapHelper.findSnapView(mLinearLayoutManager);
+                if (snapView == null) {
+                    return;
+                }
+                int middle = (int) (getX() + getWidth() / 2);
+                int childMiddle = (int) (snapView.getX() + snapView.getWidth() / 2);
+                int gap = (middle - childMiddle);
+                smoothScrollBy(gap, 0);
+            }
+        });
+    }
+
+    public abstract void onBindData(com.mcxtzhang.commonadapter.rv.ViewHolder holder, T data);
+
+}

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@`
`7`	`7`
`8`	`8`	`import com.mcxtzhang.flowlayoutmanager.avatar.TanTanAvatarActivity;`
`9`	`9`	`import com.mcxtzhang.flowlayoutmanager.gallary.GalleryActivity;`
	`10`	`+import com.mcxtzhang.flowlayoutmanager.gallery.LoopGalleryActivity;`
`10`	`11`	`import com.mcxtzhang.flowlayoutmanager.swipecard.SwipeCardActivity;`
`11`	`12`	`import com.mcxtzhang.flowlayoutmanager.tantan.TanTanActivity;`
`12`	`13`	`import com.mcxtzhang.flowlayoutmanager.zuimei.ScaleCardActivity;`
`@@ -53,5 +54,11 @@ public void onClick(View view) {`
`53`	`54`	`startActivity(new Intent(LauncherActivity.this, TanTanAvatarActivity.class));`
`54`	`55`	`}`
`55`	`56`	`});`
	`57`	`+ findViewById(R.id.btnLoopGallery).setOnClickListener(new View.OnClickListener() {`
	`58`	`+ @Override`
	`59`	`+ public void onClick(View view) {`
	`60`	`+ startActivity(new Intent(LauncherActivity.this, LoopGalleryActivity.class));`
	`61`	`+ }`
	`62`	`+ });`
`56`	`63`	`}`
`57`	`64`	`}`