├── app ├── .gitignore ├── src │ ├── main │ │ ├── res │ │ │ ├── drawable │ │ │ │ ├── a.png │ │ │ │ ├── b.png │ │ │ │ ├── c.png │ │ │ │ ├── d.png │ │ │ │ ├── e.png │ │ │ │ ├── f.png │ │ │ │ └── g.png │ │ │ ├── values │ │ │ │ ├── strings.xml │ │ │ │ ├── styles.xml │ │ │ │ └── colors.xml │ │ │ ├── mipmap-hdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxxhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ └── layout │ │ │ │ ├── activity_main.xml │ │ │ │ └── activity_main2.xml │ │ ├── java │ │ │ └── com │ │ │ │ └── mran │ │ │ │ └── cardviewpage │ │ │ │ ├── CascadeZoomPageTransformer.java │ │ │ │ ├── TurntablePageTransformer.java │ │ │ │ ├── CubesPageTransformer.java │ │ │ │ ├── BookFlippageFadePageTransormer.java │ │ │ │ ├── FilpPageRotationPageTransformer.java │ │ │ │ ├── ZoominPagerTransFormer.java │ │ │ │ ├── CardStackPaegTransformer.java │ │ │ │ ├── DepthCardTransformer.java │ │ │ │ ├── CardFlipoverPageTransormer.java │ │ │ │ ├── Main2Activity.kt │ │ │ │ └── MainActivity.java │ │ └── AndroidManifest.xml │ ├── test │ │ └── java │ │ │ └── com │ │ │ └── mran │ │ │ └── cardviewpage │ │ │ └── ExampleUnitTest.java │ └── androidTest │ │ └── java │ │ └── com │ │ └── mran │ │ └── cardviewpage │ │ └── ExampleInstrumentedTest.java ├── proguard-rules.pro └── build.gradle ├── cardpage ├── .gitignore ├── src │ ├── main │ │ ├── res │ │ │ └── values │ │ │ │ └── strings.xml │ │ ├── AndroidManifest.xml │ │ └── java │ │ │ └── com │ │ │ └── mran │ │ │ └── cardpage │ │ │ ├── CardItem.java │ │ │ └── CardPage.java │ ├── test │ │ └── java │ │ │ └── com │ │ │ └── mran │ │ │ └── cardpage │ │ │ └── ExampleUnitTest.java │ └── androidTest │ │ └── java │ │ └── com │ │ └── mran │ │ └── cardpage │ │ └── ExampleInstrumentedTest.java ├── build.gradle └── proguard-rules.pro ├── settings.gradle ├── .idea ├── copyright │ └── profiles_settings.xml ├── markdown-navigator │ └── profiles_settings.xml ├── modules.xml ├── runConfigurations.xml ├── gradle.xml ├── compiler.xml └── misc.xml ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── .gitignore ├── gradle.properties ├── gradlew.bat ├── gradlew └── README.md /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /cardpage/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/a.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/drawable/a.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/b.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/drawable/b.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/c.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/drawable/c.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/drawable/d.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/e.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/drawable/e.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/f.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/drawable/f.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/g.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/drawable/g.png -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | CardViewPage 3 | 4 | -------------------------------------------------------------------------------- /cardpage/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | CardPage 3 | 4 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /.idea/markdown-navigator/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mran/ViewPageTransformer/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/workspace.xml 5 | /.idea/libraries 6 | .DS_Store 7 | /build 8 | /captures 9 | .externalNativeBuild 10 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Sun Sep 10 23:02:05 CST 2017 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-5.0-milestone-1-all.zip -------------------------------------------------------------------------------- /cardpage/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 5 | 6 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /cardpage/src/test/java/com/mran/cardpage/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardpage; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * @see Testing documentation 11 | */ 12 | public class ExampleUnitTest { 13 | @Test 14 | public void addition_isCorrect() throws Exception { 15 | assertEquals(4, 2 + 2); 16 | } 17 | } -------------------------------------------------------------------------------- /app/src/test/java/com/mran/cardviewpage/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * @see Testing documentation 11 | */ 12 | public class ExampleUnitTest { 13 | @Test 14 | public void addition_isCorrect() throws Exception { 15 | assertEquals(4, 2 + 2); 16 | } 17 | } -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3F51B5 4 | #303F9F 5 | #ffb2c87c 6 | #fad000 7 | #7dfa00 8 | #00fabc 9 | #0068fa 10 | #0004fa 11 | #ab00fa 12 | #fa0053 13 | 14 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 19 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | org.gradle.jvmargs=-Xmx1536m 13 | 14 | # When configured, Gradle will run in incubating parallel mode. 15 | # This option should only be used with decoupled projects. More details, visit 16 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 17 | # org.gradle.parallel=true 18 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/mran/cardviewpage/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumentation test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() throws Exception { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("com.mran.cardviewpage", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /cardpage/src/androidTest/java/com/mran/cardpage/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardpage; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumentation test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() throws Exception { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("com.mran.cardpage.test", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /cardpage/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | 3 | android { 4 | compileSdkVersion 25 5 | buildToolsVersion "25.0.2" 6 | 7 | defaultConfig { 8 | minSdkVersion 19 9 | targetSdkVersion 25 10 | versionCode 1 11 | versionName "1.0" 12 | 13 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 14 | 15 | } 16 | buildTypes { 17 | release { 18 | minifyEnabled false 19 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 20 | } 21 | } 22 | } 23 | 24 | dependencies { 25 | compile fileTree(dir: 'libs', include: ['*.jar']) 26 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { 27 | exclude group: 'com.android.support', module: 'support-annotations' 28 | }) 29 | compile 'com.android.support:appcompat-v7:25.2.0' 30 | testCompile 'junit:junit:4.12' 31 | } 32 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/CascadeZoomPageTransformer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/24. 8 | */ 9 | 10 | public class CascadeZoomPageTransformer implements ViewPager.PageTransformer { 11 | @Override 12 | public void transformPage(View page, float position) { 13 | if (position < -1) { /* [-Infinity,-1)*/ 14 | /*页面已经在屏幕左侧且不可视*/ 15 | } else if (position <= 0) { /* [-1,0]*/ 16 | /*页面从左侧进入或者向左侧滑出的状态*/ 17 | page.setAlpha(1 + position); 18 | } else if (position <= 1) {/* (0,1]*/ 19 | /*页面从右侧进入或者向右侧滑出的状态*/ 20 | page.setTranslationX(page.getWidth() * -position); 21 | page.setScaleX(1-position*0.5f); 22 | page.setScaleY(1-position*0.5f); 23 | page.setAlpha(1 - position); 24 | }else if (position >1){ 25 | /*页面已经在屏幕右侧且不可视*/ 26 | 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in C:\Users\M\AppData\Local\Android\Sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Uncomment this to preserve the line number information for 20 | # debugging stack traces. 21 | #-keepattributes SourceFile,LineNumberTable 22 | 23 | # If you keep the line number information, uncomment this to 24 | # hide the original source file name. 25 | #-renamesourcefileattribute SourceFile 26 | -------------------------------------------------------------------------------- /cardpage/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in C:\Users\M\AppData\Local\Android\Sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | 19 | # Uncomment this to preserve the line number information for 20 | # debugging stack traces. 21 | #-keepattributes SourceFile,LineNumberTable 22 | 23 | # If you keep the line number information, uncomment this to 24 | # hide the original source file name. 25 | #-renamesourcefileattribute SourceFile 26 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/TurntablePageTransformer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/24. 8 | */ 9 | 10 | public class TurntablePageTransformer implements ViewPager.PageTransformer { 11 | @Override 12 | public void transformPage(View page, float position) { 13 | if (position < -1) { /* [-Infinity,-1)*/ 14 | /*页面已经在屏幕左侧且不可视*/ 15 | } else if (position <= 0) { /* [-1,0]*/ 16 | /*页面从左侧进入或者向左侧滑出的状态*/ 17 | page.setPivotX(page.getWidth() / 2); 18 | page.setPivotY(page.getHeight()); 19 | page.setRotation(90*position); 20 | } else if (position <= 1) {/* (0,1]*/ 21 | /*页面从右侧进入或者向右侧滑出的状态*/ 22 | page.setPivotX(page.getWidth() / 2); 23 | page.setPivotY(page.getHeight()); 24 | page.setRotation(90*position); 25 | } else if (position > 1) { 26 | /*页面已经在屏幕右侧且不可视*/ 27 | 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/CubesPageTransformer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/21. 8 | */ 9 | 10 | public class CubesPageTransformer implements ViewPager.PageTransformer { 11 | @Override 12 | public void transformPage(View page, float position) { 13 | if (position <=-1) { /* [-Infinity,-1)*/ 14 | /*页面已经在屏幕左侧且不可视*/ 15 | } else if (position <= 0) { /* [-1,0]*/ 16 | /*页面从左侧进入或者向左侧滑出的状态*/ 17 | page.setCameraDistance(100000); 18 | page.setPivotX(page.getMeasuredWidth()); 19 | page.setPivotY(page.getMeasuredHeight()*0.5f); 20 | page.setRotationY(90*position); 21 | } else if (position <= 1) {/* (0,1]*/ 22 | /*页面从右侧进入或者向右侧滑出的状态*/ 23 | page.setCameraDistance(100000); 24 | page.setPivotX(0); 25 | page.setPivotY( page.getWidth()*(0.5f)); 26 | page.setRotationY(90*position); 27 | }else if (position >1){ 28 | /*页面已经在屏幕右侧且不可视*/ 29 | 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/BookFlippageFadePageTransormer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/21. 8 | */ 9 | 10 | public class BookFlippageFadePageTransormer implements ViewPager.PageTransformer { 11 | @Override 12 | public void transformPage(View page, float position) { 13 | if (position <= -1) { 14 | /*页面已经在屏幕左侧且不可视*/ 15 | page.setAlpha(position); 16 | } else if (position <= 0) { 17 | /*页面从左侧进入或者向左侧滑出的状态*/ 18 | page.setAlpha(1 + position); 19 | page.setPivotY(page.getHeight() / 2); 20 | page.setPivotX(0); 21 | page.setCameraDistance(60000);/*调整摄像机的位置，避免出现糊脸的感觉*/ 22 | page.setRotationY((position * 180)); 23 | page.setTranslationX(position * -page.getWidth()); 24 | } else if (position <= 1) { 25 | /*页面从右侧进入或者向右侧滑出的状态*/ 26 | page.setTranslationX(position * -page.getWidth()); 27 | 28 | } else if (position > 1) { 29 | 30 | /*页面已经在屏幕右侧且不可视*/ 31 | page.setTranslationX(position * -page.getWidth()); 32 | 33 | } 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/FilpPageRotationPageTransformer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/24. 8 | */ 9 | 10 | public class FilpPageRotationPageTransformer implements ViewPager.PageTransformer { 11 | @Override 12 | public void transformPage(View page, float position) { 13 | if (position < -1) { /* [-Infinity,-1)*/ 14 | /*页面已经在屏幕左侧且不可视*/ 15 | } else if (position <= 0) { /* [-1,0]*/ 16 | /*页面从左侧进入或者向左侧滑出的状态*/ 17 | page.setCameraDistance(60000); 18 | page.setAlpha(1 + position); 19 | page.setTranslationX(page.getWidth() * -position); 20 | page.setPivotX(0); 21 | page.setRotationY(position * 90); 22 | } else if (position <= 1) {/* (0,1]*/ 23 | /*页面从右侧进入或者向右侧滑出的状态*/ 24 | page.setCameraDistance(60000); 25 | page.setTranslationX(page.getWidth() * -position); 26 | page.setPivotX(0); 27 | page.setRotationY(position * 90); 28 | page.setAlpha(1 - position); 29 | } else if (position > 1) { 30 | /*页面已经在屏幕右侧且不可视*/ 31 | } 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/ZoominPagerTransFormer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/24. 8 | */ 9 | 10 | public class ZoominPagerTransFormer implements ViewPager.PageTransformer { 11 | @Override 12 | public void transformPage(View page, float position) { 13 | 14 | 15 | if (position < -1) { /* [-Infinity,-1)*/ 16 | /*页面已经在屏幕左侧且不可视*/ 17 | page.setScaleX((float) (1 + position * 0.1)); 18 | page.setScaleY((float) (1 + position * 0.1)); 19 | } else if (position <= 0) { /* [-1,0]*/ 20 | /*页面从左侧进入或者向左侧滑出的状态*/ 21 | 22 | page.setScaleX((float) (1 + position * 0.1)); 23 | page.setScaleY((float) (1 + position * 0.1)); 24 | } else if (position <= 1) {/* (0,1]*/ 25 | /*页面从右侧进入或者向右侧滑出的状态*/ 26 | page.setScaleX((float) (1- position * 0.1)); 27 | page.setScaleY((float) (1 - position * 0.1)); 28 | } else if (position > 1) { 29 | /*页面已经在屏幕右侧且不可视*/ 30 | page.setScaleX((float) (1- position * 0.1)); 31 | page.setScaleY((float) (1 - position * 0.1)); 32 | } 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | apply plugin: 'kotlin-android' 3 | apply plugin: 'kotlin-android-extensions' 4 | 5 | android { 6 | compileSdkVersion 28 7 | buildToolsVersion "28.0.3" 8 | 9 | aaptOptions.cruncherEnabled = false 10 | aaptOptions.useNewCruncher = false 11 | defaultConfig { 12 | applicationId "com.mran.cardviewpage" 13 | minSdkVersion 19 14 | targetSdkVersion 28 15 | versionCode 1 16 | versionName "1.0" 17 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 18 | } 19 | buildTypes { 20 | release { 21 | minifyEnabled false 22 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 23 | } 24 | } 25 | } 26 | 27 | dependencies { 28 | implementation fileTree(dir: 'libs', include: ['*.jar']) 29 | androidTestImplementation('com.android.support.test.espresso:espresso-core:2.2.2', { 30 | exclude group: 'com.android.support', module: 'support-annotations' 31 | }) 32 | implementation 'com.android.support:appcompat-v7:28.0.0' 33 | implementation 'com.android.support:support-dynamic-animation:28.0.0' 34 | implementation 'com.android.support.constraint:constraint-layout:1.1.3' 35 | implementation "org.jetbrains.anko:anko:0.10.8" 36 | 37 | testImplementation 'junit:junit:4.12' 38 | implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 39 | } 40 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | 22 | 23 | 28 | 29 | 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/CardStackPaegTransformer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/21. 8 | */ 9 | 10 | public class CardStackPaegTransformer implements ViewPager.PageTransformer { 11 | public void transformPage(View page, float position) { 12 | if (position <= -1) { 13 | /*页面已经在屏幕左侧且不可视*/ 14 | } else if (position <= 0) { 15 | /*页面从左侧进入或者向左侧滑出的状态*/ 16 | } else if (position < 1) { 17 | /*页面从右侧进入或者向右侧滑出的状态*/ 18 | page.setAlpha((float) (1 - position * 0.1)); 19 | page.setPivotX(page.getWidth() / 2f); 20 | page.setPivotY(page.getHeight() / 2f); 21 | page.setScaleX((float) Math.pow(0.9f, position)); /*0.9f为缩放系数*/ 22 | page.setScaleY((float) Math.pow(0.9f, position)); 23 | page.setTranslationX(position * -page.getWidth()); 24 | page.setTranslationY(-position * 70);/*70每层card的Y轴间隔*/ 25 | 26 | } else if (position >= 1) { 27 | /*页面已经在屏幕右侧且不可视*/ 28 | page.setAlpha((float) (1 - position * 0.1)); 29 | page.setPivotX(page.getWidth() / 2f); 30 | page.setPivotY(page.getHeight() / 2f); 31 | page.setScaleX((float) Math.pow(0.9f, position)); 32 | page.setScaleY((float) Math.pow(0.9f, position)); 33 | page.setTranslationX(position * -page.getWidth()); 34 | page.setTranslationY(-position * 70); 35 | } 36 | 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/DepthCardTransformer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/21. 8 | * 这个要配和在ViewPager里设置android:clipChildren="false" 9 | * android:margin="xxdp" 10 | * 在ViewPager的外层里设置android:clipChildren="false" 11 | */ 12 | 13 | public class DepthCardTransformer implements ViewPager.PageTransformer { 14 | @Override 15 | public void transformPage(View page, float position) { 16 | if (position < -1) { /* [-Infinity,-1)*/ 17 | /*页面已经在屏幕左侧第一个*/ 18 | page.setCameraDistance(10000); 19 | page.setPivotX(page.getWidth()/2); 20 | page.setPivotY(page.getWidth()); 21 | page.setRotationY(20); 22 | } else if (position <= 0) { /* [-1,0]*/ 23 | /*页面从左侧进入或者向左侧滑出的状态*/ 24 | page.setCameraDistance(10000); 25 | page.setPivotX(page.getWidth()/2); 26 | page.setPivotY(page.getWidth()); 27 | page.setRotationY(-20+(1-position)*20); 28 | } else if (position <= 1) {/* (0,1]*/ 29 | /*页面从右侧进入或者向右侧滑出的状态*/ 30 | page.setCameraDistance(10000); 31 | page.setPivotX(page.getWidth()/2); 32 | page.setPivotY(page.getWidth()); 33 | page.setRotationY(-20+(1-position)*20); 34 | } else if (position<=2) { 35 | /*页面已经在屏幕右侧第一个*/ 36 | page.setCameraDistance(10000); 37 | page.setPivotX(page.getWidth()/2); 38 | page.setPivotY(page.getWidth()); 39 | page.setRotationY(-20); 40 | } 41 | 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /app/src/main/java/com/mran/cardviewpage/CardFlipoverPageTransormer.java: -------------------------------------------------------------------------------- 1 | package com.mran.cardviewpage; 2 | 3 | import android.support.v4.view.ViewPager.PageTransformer; 4 | import android.view.View; 5 | 6 | /** 7 | * Created by M on 2017/9/21. 8 | * 卡片绕卡片中心旋转 9 | */ 10 | 11 | public class CardFlipoverPageTransormer implements PageTransformer { 12 | 13 | @Override 14 | public void transformPage(View page, float position) { 15 | if (position <= -1) { 16 | /*页面已经在屏幕左侧且不可视*/ 17 | /*设置离开的page不可点击,不可见*/ 18 | page.setClickable(false); 19 | page.setAlpha(0); 20 | } else if (position <= 0) { 21 | page.setClickable(false); 22 | /*页面从左侧进入或者向左侧滑出的状态*/ 23 | /*把旋转中心改为中间*/ 24 | page.setAlpha(1); 25 | if (position <= -0.5) 26 | /*旋转到中间时该页page隐藏掉*/ 27 | page.setAlpha(0); 28 | page.setPivotX(page.getWidth() / 2); 29 | page.setPivotY(page.getHeight() / 2); 30 | 31 | 32 | page.setTranslationX(position * -page.getWidth()); 33 | page.setCameraDistance(10000); 34 | page.setRotationY(position * 180); 35 | } else if (position <= 1) { 36 | /*页面从右侧进入或者向右侧滑出的状态*/ 37 | /*初始状态要是隐藏状态*/ 38 | page.setAlpha(0); 39 | if (position <= 0.5) 40 | /*旋转到中间时该页page显示出来*/ 41 | page.setAlpha(1); 42 | page.setPivotX(page.getWidth() / 2); 43 | page.setPivotY(page.getHeight() / 2); 44 | page.setTranslationX(position * -page.getWidth()); 45 | page.setCameraDistance(10000); 46 | page.setRotationY(-180 - (1 - position) * 180); 47 | } else if (position >= 1) { 48 | /*页面已经在屏幕右侧且不可视*/ 49 | } 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 46 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main2.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 |