五行代码实现炫动滑动卡片层叠布局，仿探探、人人影视订阅界面简单&优雅

LayoutManagerDemo

项目地址： mcxtzhang/LayoutManagerDemo

简介：五行代码实现炫动滑动卡片层叠布局，仿探探、人人影视订阅界面简单&优雅：LayoutManager+ItemTouchHelper

更多：作者提 Bug 示例 APK

标签：

LayoutManager- 探探- 滑动卡片布局- ItemTouchHelper-

利用自定义 LayoutManager 的一些实战实例。

在哪里找到我：

我的 github：

https://github.com/mcxtzhang

我的 CSDN 博客：

http://blog.csdn.net/zxt0601

我的稀土掘金：

http://gold.xitu.io/user/56de210b816dfa0052e66495

我的简书：

http://www.jianshu.com/users/8e91ff99b072/timeline

效果一览：

仿探探、人人影视卡片层叠炫动滑动布局

探探皇帝翻牌子即视感

人人美剧订阅界面

可配置参数(同时显示 6 页)：

人人美剧订阅界面

流式布局

这里写图片描述

艾玛，换成妹子图后貌似好看了许多，我都不认识它了，好吧，项目里它一般长下面这样：

这里写图片描述

往常这种效果，我们一般使用自定义 ViewGroup 实现，我以前也写了一个。自定义 VG 实现流式布局

使用：

Step 1. 在项目根 build.gradle 文件中增加 JitPack 仓库依赖。

    allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
        }
    }

Step 2. Add the dependency

    dependencies {
            compile 'com.github.mcxtzhang:ZLayoutManager:V1.1.0'
    }

Step 3. 仿探探、人人影视卡片层叠炫动滑动布局:

以后老板让你做这种效果，你只需要：

    mRv.setLayoutManager(new OverLayCardLayoutManager());
        CardConfig.initConfig(this);
        ItemTouchHelper.Callback callback = new RenRenCallback(mRv, mAdapter, mDatas);
        ItemTouchHelper itemTouchHelper = new ItemTouchHelper(callback);
        itemTouchHelper.attachToRecyclerView(mRv);

如果需要定制特殊的参数，例如显示 6 层：

         CardConfig.MAX_SHOW_COUNT = 6;

设置仿探探竖直上下滑动，不删除 Item。

水平方向判断误差阈值 x：

        final TanTanCallback callback = new TanTanCallback(mRv, mAdapter, mDatas);
        callback.setHorizontalDeviation(x);

流式布局:

        mRv.setLayoutManager(new FlowLayoutManager());

刚建了个 QQ 搞基交流群： 557266366 里面现在没有人。嗯，就这样吧。

使用的 Adapter：

https://github.com/mcxtzhang/all-base-adapter