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

转载 2018年04月16日 15:48:34

效果一览:

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

探探皇帝翻牌子即视感

探探皇帝翻牌子即视感

人人美剧订阅界面

人人美剧订阅界面

可配置参数(同时显示 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());

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

前几天看有人实现了仿人人美剧的订阅界面,不过在细节之处以及实现方式我个人认为都不是最佳的姿势。 于是我也动手撸了一个,还顺带撸了个探探的界面. 且简单&优雅&快速。 利用LayoutManager实现...
  • zxt0601
  • zxt0601
  • 2016-12-19 08:14:33
  • 17180

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

概述 前几天看有人实现了仿人人美剧的订阅界面,不过在细节之处以及实现方式我个人认为都不是最佳的姿势。 于是我也动手撸了一个,还顺带撸了个探探的界面,先看GIF: 探探皇帝翻牌...
  • wangwangli6
  • wangwangli6
  • 2017-06-05 13:46:06
  • 694

LayoutManager+ItemTouchHelper实战,仿探探 炫动滑动 卡片层叠布局

简单&优雅实现 仿探探首页、人人影视订阅界面 炫动滑动 卡片层叠 布局,利用LayoutManager+ItemTouchHelper+RecyclerView打造,边写边讲解LayoutManager+ItemTouchHelper这两个重点也是难点。 还会对ItemTouchHelper进行部分源码解析。
  • 2017年02月04日 16:27

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

转载请标明出处:  http://blog.csdn.net/zxt0601/article/details/53730908  本文出自:【张旭童的博客】(http://blog.csdn.ne...
  • qq_27489007
  • qq_27489007
  • 2016-12-20 22:00:46
  • 6418

LayoutManagerDemo:仿探探、人人影视 卡片层叠 炫动滑

仿探探、人人影视 卡片层叠 炫动滑动布局 探探皇帝翻牌子即视感 人人美剧订阅界面 可配置参数(同时显示6页): 流式布局 艾玛,换成妹子图...
  • yinjiaqi2012
  • yinjiaqi2012
  • 2017-01-18 15:35:48
  • 532

自定义viewGroup+ViewDragHelper: 仿探探主页卡片式滑动,层叠布局

自定义viewGroup+ViewDragHelper: 仿探探主页卡片式滑动,层叠布局前几天看到群里的dalao张旭童用recycleview写了一个这个效果但是我对自定义LayoutManager...
  • verzqli
  • verzqli
  • 2017-01-08 18:10:49
  • 2756

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

本篇文章已授权微信公众号 hongyangAndroid (鸿洋)独家发布  转载请标明出处:  http://blog.csdn.net/zxt0601/article/details/53...
  • qq_24531461
  • qq_24531461
  • 2017-01-19 09:52:32
  • 607

【自定义View】5.仿探探的卡片滑动效果

难度【★☆☆☆☆】一个拖拽的卡片滑动效果,这种效果网上有很多人已经讲解了实现思路,大多都用的是RecyclerView来实现的,但是我们今天来换一种实现思路,只用一个自定义的ViewGroup来搞定这...
  • u012203641
  • u012203641
  • 2017-09-23 22:51:50
  • 482

QT5 卡片布局(QLayout)

  • 2017年11月26日 12:13
  • 11KB
  • 下载

模仿探探的左右滑动切换卡片功能

有一阵耍探探看着效果图还可以,然后又在网上看到了一个动态切换的开源库Swipecards便拿来修改成探探滑动界面导入...
  • shallcheek
  • shallcheek
  • 2015-06-23 15:40:16
  • 22007
收藏助手
不良信息举报
您举报文章:LayoutManager+ItemTouchHelper 五行代码实现 炫动滑动 卡片层叠布局,仿探探、人人影视订阅界面 简单&优雅:
举报原因:
原因补充:

(最多只允许输入30个字)