ViewPager层叠卡片效果

层叠片卡效果

说明

GitHub地址：StackCardView

通过设置 ViewPager 的 PageTransformer 实现卡片层叠效果，支持左层叠和右层叠两种效果

添加依赖

1、 主工程 build.gradle 添加仓库地址:

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

2、 app项目工程 build.gradle 添加依赖:

dependencies {
    implementation 'com.github.yeaper:StackCardView:1.0.0'
}

用法

以左层叠效果为例

1、 控件使用 ViewPager

2、 卡片使用 Fragment，布局示例如下：

主要是 CardView 的属性 android:layout_gravity 设置为 right，居右；右层叠反之

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".fragment.CardRightFragment">

    <android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="300dp"
        android:layout_height="match_parent"
        android:layout_gravity="right">

        <LinearLayout
            android:layout_width=