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

2 篇文章 0 订阅
2 篇文章 0 订阅

效果一览:

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

探探皇帝翻牌子即视感

探探皇帝翻牌子即视感

人人美剧订阅界面

人人美剧订阅界面

可配置参数(同时显示 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());
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值