ViewPager层叠卡片效果

最新推荐文章于 2023-06-03 08:41:15 发布

yypccc

最新推荐文章于 2023-06-03 08:41:15 发布

阅读量2.3k

点赞数 1

分类专栏： Android开发实战文章标签： PageTransformer 层叠卡片 ViewPager

本文链接：https://blog.csdn.net/yypccc/article/details/87858528

版权

本文介绍了如何通过设置ViewPager的PageTransformer实现层叠卡片效果，提供了GitHub资源、添加依赖的步骤，以及具体用法，包括卡片布局、适配器设置和PageTransformer的应用，支持左层叠和右层叠两种效果。

摘要由CSDN通过智能技术生成

层叠片卡效果

说明

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=