├── .gitignore ├── README.md ├── art └── screen.gif ├── build.gradle ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── library ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── github │ │ └── ybq │ │ └── parallaxviewpager │ │ ├── Mode.java │ │ ├── ParallaxTransformer.java │ │ └── ParallaxViewPager.java │ └── res │ └── values │ └── attrs.xml ├── sample ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── github │ │ └── ybq │ │ └── parallaxviewpager │ │ └── sample │ │ └── MainActivity.java │ └── res │ ├── anim │ └── decelerate_interpolator.xml │ ├── layout │ ├── activity_main.xml │ └── pager_item.xml │ ├── menu │ └── menu_main.xml │ ├── mipmap-hdpi │ └── ic_launcher.png │ ├── mipmap-mdpi │ └── ic_launcher.png │ ├── mipmap-xhdpi │ └── ic_launcher.png │ ├── mipmap-xxhdpi │ └── ic_launcher.png │ ├── mipmap-xxxhdpi │ └── ic_launcher.png │ ├── values-v19 │ └── styles.xml │ ├── values-w820dp │ └── dimens.xml │ └── values │ ├── colors.xml │ ├── dimens.xml │ ├── strings.xml │ └── styles.xml └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | .gradle 2 | /local.properties 3 | /build 4 | gradle.properties 5 | .idea 6 | *.iml 7 | *.apk 8 | *.ap_ 9 | *.dex 10 | *.class 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # ParallaxViewPager 4 | 5 | 6 | ## Demo 7 | 8 | 9 | 10 | 11 | 12 | ## Usage 13 | ```xml 14 | 22 | ``` 23 | 24 | ## Gradle Dependency 25 | 1. Add the JitPack repository to your build file 26 | 27 | ```gradle 28 | allprojects { 29 | repositories { 30 | ... 31 | maven { url "https://jitpack.io" } 32 | } 33 | } 34 | ``` 35 | 36 | 2. Add the dependency 37 | 38 | ``` gradle 39 | dependencies { 40 | compile 'com.github.ybq:parallaxviewpager:2.0.0' 41 | } 42 | ``` 43 | 44 | 45 | ##LICENSE 46 | ``` 47 | Copyright 2015 ybq 48 | 49 | Licensed under the Apache License, Version 2.0 (the "License"); 50 | you may not use this file except in compliance with the License. 51 | You may obtain a copy of the License at 52 | 53 | http://www.apache.org/licenses/LICENSE-2.0 54 | 55 | Unless required by applicable law or agreed to in writing, software 56 | distributed under the License is distributed on an "AS IS" BASIS, 57 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 58 | See the License for the specific language governing permissions and 59 | limitations under the License. 60 | ``` 61 | 62 | 63 | 64 | -------------------------------------------------------------------------------- /art/screen.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ybq/ParallaxViewPager/2f89eb6bd05a949dd2a7a50cbf92a5e0f5172963/art/screen.gif -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | buildscript { 3 | repositories { 4 | jcenter() 5 | } 6 | dependencies { 7 | classpath 'com.android.tools.build:gradle:2.1.3' 8 | classpath 'com.github.dcendents:android-maven-gradle-plugin:1.4.1' 9 | } 10 | } 11 | 12 | allprojects { 13 | repositories { 14 | jcenter() 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ybq/ParallaxViewPager/2f89eb6bd05a949dd2a7a50cbf92a5e0f5172963/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Fri Sep 09 22:46:08 CST 2016 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-2.14.1-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /library/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /library/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | apply plugin: 'com.github.dcendents.android-maven' 3 | 4 | android { 5 | compileSdkVersion 22 6 | buildToolsVersion "22.0.1" 7 | 8 | defaultConfig { 9 | minSdkVersion 14 10 | targetSdkVersion 22 11 | versionCode 3 12 | versionName "2.0.0" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | provided 'com.android.support:appcompat-v7:22.2.0' 24 | } 25 | -------------------------------------------------------------------------------- /library/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 /Users/ybq/Documents/android_dev_tools/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 | -------------------------------------------------------------------------------- /library/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /library/src/main/java/com/github/ybq/parallaxviewpager/Mode.java: -------------------------------------------------------------------------------- 1 | package com.github.ybq.parallaxviewpager; 2 | 3 | /** 4 | * Author : ybq 5 | * Date : 15/8/15. 6 | */ 7 | public enum Mode { 8 | 9 | LEFT_OVERLAY(0), RIGHT_OVERLAY(1), NONE(2); 10 | int value; 11 | 12 | Mode(int value) { 13 | this.value = value; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /library/src/main/java/com/github/ybq/parallaxviewpager/ParallaxTransformer.java: -------------------------------------------------------------------------------- 1 | package com.github.ybq.parallaxviewpager; 2 | 3 | import android.animation.FloatEvaluator; 4 | import android.os.Build; 5 | import android.support.v4.view.ViewPager; 6 | import android.view.View; 7 | import android.view.ViewGroup; 8 | import android.view.animation.Interpolator; 9 | import android.view.animation.LinearInterpolator; 10 | 11 | /** 12 | * Author : ybq 13 | * Date : 15/8/15. 14 | */ 15 | public class ParallaxTransformer implements ViewPager.PageTransformer { 16 | 17 | private Mode mMode; 18 | private Interpolator mInterpolator = new LinearInterpolator(); 19 | private FloatEvaluator mEvaluator; 20 | private int mOutset; 21 | private float mOutsetFraction = 0.5f; 22 | 23 | public ParallaxTransformer() { 24 | mEvaluator = new FloatEvaluator(); 25 | } 26 | 27 | public Mode getMode() { 28 | return mMode; 29 | } 30 | 31 | public void setMode(Mode mode) { 32 | mMode = mode; 33 | } 34 | 35 | public Interpolator getInterpolator() { 36 | return mInterpolator; 37 | } 38 | 39 | public void setInterpolator(Interpolator interpolator) { 40 | this.mInterpolator = interpolator; 41 | } 42 | 43 | public int getOutset() { 44 | return mOutset; 45 | } 46 | 47 | public void setOutset(int outset) { 48 | this.mOutset = outset; 49 | } 50 | 51 | public void setOutsetFraction(float outsetFraction) { 52 | this.mOutsetFraction = outsetFraction; 53 | } 54 | 55 | @Override 56 | public void transformPage(View page, float position) { 57 | page.setTranslationX(0); 58 | if (position == 0) { 59 | return; 60 | } 61 | switch (mMode) { 62 | case LEFT_OVERLAY: 63 | if (position > 0) { 64 | transform(page, position); 65 | } else if (position < 0) { 66 | bringViewToFront(page); 67 | } 68 | break; 69 | case RIGHT_OVERLAY: 70 | if (position < 0) { 71 | transform(page, position); 72 | } else if (position > 0) { 73 | bringViewToFront(page); 74 | } 75 | break; 76 | case NONE: 77 | break; 78 | } 79 | } 80 | 81 | private void bringViewToFront(View view) { 82 | ViewGroup group = (ViewGroup) view.getParent(); 83 | int index = group.indexOfChild(view); 84 | if (index != group.getChildCount() - 1) { 85 | view.bringToFront(); 86 | if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.KITKAT) { 87 | view.requestLayout(); 88 | group.invalidate(); 89 | } 90 | } 91 | } 92 | 93 | private void transform(View page, float position) { 94 | float interpolatorPosition; 95 | float translationX; 96 | int pageWidth = page.getWidth(); 97 | if (mOutset <= 0) { 98 | mOutset = (int) (mOutsetFraction * page.getWidth()); 99 | } 100 | 101 | if (position < 0) { 102 | interpolatorPosition = mInterpolator.getInterpolation(Math.abs(position)); 103 | translationX = -mEvaluator.evaluate(interpolatorPosition, 0, (pageWidth - mOutset)); 104 | } else { 105 | interpolatorPosition = mInterpolator.getInterpolation(position); 106 | translationX = mEvaluator.evaluate(interpolatorPosition, 0, (pageWidth - mOutset)); 107 | } 108 | translationX += -page.getWidth() * position; 109 | page.setTranslationX(translationX); 110 | } 111 | 112 | } -------------------------------------------------------------------------------- /library/src/main/java/com/github/ybq/parallaxviewpager/ParallaxViewPager.java: -------------------------------------------------------------------------------- 1 | package com.github.ybq.parallaxviewpager; 2 | 3 | import android.content.Context; 4 | import android.content.res.TypedArray; 5 | import android.graphics.Canvas; 6 | import android.graphics.Color; 7 | import android.graphics.drawable.Drawable; 8 | import android.graphics.drawable.GradientDrawable; 9 | import android.support.annotation.NonNull; 10 | import android.support.v4.view.ViewPager; 11 | import android.util.AttributeSet; 12 | import android.util.TypedValue; 13 | import android.view.animation.AnimationUtils; 14 | import android.view.animation.Interpolator; 15 | import android.view.animation.LinearInterpolator; 16 | 17 | 18 | 19 | import static android.graphics.drawable.GradientDrawable.Orientation.*; 20 | 21 | /** 22 | * Created: ybq 23 | * Date: 2014-08-15 24 | * Description: 25 | */ 26 | public class ParallaxViewPager extends ViewPager { 27 | 28 | private Mode mMode; 29 | private int mShadowStart = Color.parseColor("#33000000"); 30 | private int mShadowMid = Color.parseColor("#11000000"); 31 | private int mShadowEnd = Color.parseColor("#00000000"); 32 | private Drawable mRightShadow = 33 | new GradientDrawable(LEFT_RIGHT, new int[]{ 34 | mShadowStart, 35 | mShadowMid, 36 | mShadowEnd 37 | }); 38 | private Drawable mLeftShadow = 39 | new GradientDrawable(RIGHT_LEFT, new int[]{ 40 | mShadowStart, 41 | mShadowMid, 42 | mShadowEnd 43 | }); 44 | private int mShadowWidth; 45 | private ParallaxTransformer mParallaxTransformer; 46 | private Interpolator mInterpolator; 47 | private int mOutset; 48 | private float mOutsetFraction = 0.5f; 49 | 50 | public ParallaxViewPager(Context context) { 51 | this(context, null); 52 | } 53 | 54 | public ParallaxViewPager(Context context, AttributeSet attrs) { 55 | super(context, attrs); 56 | mParallaxTransformer = new ParallaxTransformer(); 57 | TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ParallaxViewPager, 0, 58 | 0); 59 | mMode = 60 | Mode.values()[a.getInt(R.styleable.ParallaxViewPager_mode, 0)]; 61 | setMode(mMode); 62 | 63 | if (a.hasValue(R.styleable.ParallaxViewPager_right_shadow)) { 64 | mRightShadow = a.getDrawable(R.styleable.ParallaxViewPager_right_shadow); 65 | } 66 | if (a.hasValue(R.styleable.ParallaxViewPager_left_shadow)) { 67 | mLeftShadow = a.getDrawable(R.styleable.ParallaxViewPager_left_shadow); 68 | } 69 | mShadowWidth = a.getDimensionPixelSize(R.styleable.ParallaxViewPager_shadow_width, (int) dp2px(20, getContext())); 70 | TypedValue tv = a.peekValue( 71 | R.styleable.ParallaxViewPager_outset); 72 | if (tv != null) { 73 | if (tv.type == TypedValue.TYPE_FRACTION) { 74 | mOutsetFraction = a.getFraction(R.styleable.ParallaxViewPager_outset, 1, 1, 0); 75 | setOutsetFraction(mOutsetFraction); 76 | } else if (tv.type == TypedValue.TYPE_DIMENSION) { 77 | mOutset = (int) TypedValue.complexToDimension(tv.data, getResources().getDisplayMetrics()); 78 | setOutset(mOutset); 79 | } 80 | } 81 | final int resID = a.getResourceId(R.styleable.ParallaxViewPager_interpolator, 0); 82 | if (resID > 0) { 83 | setInterpolator(context, resID); 84 | } 85 | a.recycle(); 86 | } 87 | 88 | public int getOutset() { 89 | return mOutset; 90 | } 91 | 92 | public void setOutset(int outset) { 93 | this.mOutset = outset; 94 | mOutsetFraction = 0; 95 | mParallaxTransformer.setOutset(mOutset); 96 | } 97 | 98 | public float getOutsetFraction() { 99 | return mOutsetFraction; 100 | } 101 | 102 | public void setOutsetFraction(float outsetFraction) { 103 | this.mOutsetFraction = outsetFraction; 104 | mOutset = 0; 105 | mParallaxTransformer.setOutsetFraction(mOutsetFraction); 106 | } 107 | 108 | public void setRightShadow(GradientDrawable rightShadow) { 109 | this.mRightShadow = rightShadow; 110 | } 111 | 112 | public void setLeftShadow(GradientDrawable leftShadow) { 113 | this.mLeftShadow = leftShadow; 114 | } 115 | 116 | @Override 117 | protected void dispatchDraw(@NonNull Canvas canvas) { 118 | super.dispatchDraw(canvas); 119 | drawShadow(canvas); 120 | } 121 | 122 | public Interpolator getInterpolator() { 123 | return mInterpolator; 124 | } 125 | 126 | public void setInterpolator(Interpolator i) { 127 | mInterpolator = i; 128 | ensureInterpolator(); 129 | } 130 | 131 | public void setInterpolator(Context context, int resID) { 132 | setInterpolator(AnimationUtils.loadInterpolator(context, resID)); 133 | } 134 | 135 | protected void ensureInterpolator() { 136 | if (mInterpolator == null) { 137 | mInterpolator = new LinearInterpolator(); 138 | } 139 | if (mParallaxTransformer != null) { 140 | mParallaxTransformer.setInterpolator(mInterpolator); 141 | } 142 | } 143 | 144 | public void drawShadow(Canvas canvas) { 145 | if (mMode == Mode.NONE) { 146 | return; 147 | } 148 | if (getScrollX() % getWidth() == 0) { 149 | return; 150 | } 151 | switch (mMode) { 152 | case LEFT_OVERLAY: 153 | drawRightShadow(canvas); 154 | break; 155 | case RIGHT_OVERLAY: 156 | drawLeftShadow(canvas); 157 | break; 158 | } 159 | } 160 | 161 | private void drawRightShadow(Canvas canvas) { 162 | canvas.save(); 163 | float translate = (getScrollX() / getWidth() + 1) * getWidth(); 164 | canvas.translate(translate, 0); 165 | mRightShadow.setBounds(0, 0, mShadowWidth, getHeight()); 166 | mRightShadow.draw(canvas); 167 | canvas.restore(); 168 | } 169 | 170 | private void drawLeftShadow(Canvas canvas) { 171 | canvas.save(); 172 | float translate = (getScrollX() / getWidth() + 1) * getWidth() - mShadowWidth; 173 | canvas.translate(translate, 0); 174 | mLeftShadow.setBounds(0, 0, mShadowWidth, getHeight()); 175 | mLeftShadow.draw(canvas); 176 | canvas.restore(); 177 | } 178 | 179 | @Override 180 | public void setPageMargin(int marginPixels) { 181 | super.setPageMargin(0); 182 | } 183 | 184 | private float dp2px(int dip, Context context) { 185 | float scale = context.getResources().getDisplayMetrics().density; 186 | return dip * scale + 0.5f; 187 | } 188 | 189 | @Override 190 | protected void onPageScrolled(int position, float offset, int offsetPixels) { 191 | super.onPageScrolled(position, offset, offsetPixels); 192 | if (offset == 0) { 193 | int count = getChildCount(); 194 | for (int i = 0; i < count; i++) { 195 | mParallaxTransformer.transformPage(getChildAt(i), 0); 196 | } 197 | } 198 | } 199 | 200 | public Mode getMode() { 201 | return mMode; 202 | } 203 | 204 | public void setMode(Mode mode) { 205 | mMode = mode; 206 | mParallaxTransformer.setMode(mode); 207 | if (mode == Mode.LEFT_OVERLAY) { 208 | setPageTransformer(true, mParallaxTransformer); 209 | } else if (mode == Mode.RIGHT_OVERLAY) { 210 | setPageTransformer(false, mParallaxTransformer); 211 | } 212 | } 213 | 214 | } 215 | -------------------------------------------------------------------------------- /library/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /sample/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /sample/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 22 5 | buildToolsVersion "22.0.1" 6 | defaultConfig { 7 | applicationId "com.github.ybq.parallaxviewpager.sample" 8 | minSdkVersion 14 9 | targetSdkVersion 22 10 | versionCode 1 11 | versionName "1.0" 12 | } 13 | buildTypes { 14 | release { 15 | minifyEnabled false 16 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 17 | } 18 | } 19 | } 20 | 21 | dependencies { 22 | compile fileTree(dir: 'libs', include: ['*.jar']) 23 | compile 'com.android.support:appcompat-v7:22.2.0' 24 | compile 'com.android.support:percent:22.2.0' 25 | compile 'com.github.bumptech.glide:glide:3.6.1' 26 | compile project(':library') 27 | } 28 | -------------------------------------------------------------------------------- /sample/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 /Users/ybq/Documents/android_dev_tools/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 | -------------------------------------------------------------------------------- /sample/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 12 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /sample/src/main/java/com/github/ybq/parallaxviewpager/sample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.github.ybq.parallaxviewpager.sample; 2 | 3 | import android.os.Bundle; 4 | import android.support.v4.view.PagerAdapter; 5 | import android.support.v7.app.AppCompatActivity; 6 | import android.view.Menu; 7 | import android.view.MenuItem; 8 | import android.view.View; 9 | import android.view.ViewGroup; 10 | import android.widget.ImageView; 11 | 12 | import com.bumptech.glide.Glide; 13 | 14 | import com.github.ybq.parallaxviewpager.Mode; 15 | import com.github.ybq.parallaxviewpager.ParallaxViewPager; 16 | 17 | 18 | public class MainActivity extends AppCompatActivity { 19 | 20 | private ParallaxViewPager mParallaxViewPager; 21 | @SuppressWarnings("SpellCheckingInspection") 22 | private String[] mImages = new String[]{ 23 | "https://drscdn.500px.org/photo/127892951/h%3D600_k%3D1_a%3D1/3487a549dbbe46e2d803a37281543322", 24 | "https://drscdn.500px.org/photo/127893495/h%3D600_k%3D1_a%3D1/8462ac67727eecd23c104612ab998633", 25 | "https://drscdn.500px.org/photo/127892351/h%3D600_k%3D1_a%3D1/883a524bfaf3aa66ef39652928b61f51", 26 | "https://drscdn.500px.org/photo/127891921/h%3D600_k%3D1_a%3D1/c5aec47c6c924d733f58cec483dc41a6", 27 | "https://drscdn.500px.org/photo/127913833/h%3D600_k%3D1_a%3D1/7aee64d43cdbe4a1d291effb834137e8", 28 | "https://drscdn.500px.org/photo/127900863/h%3D600_k%3D1_a%3D1/e63c59888014392bac32cfb9c383bb9e", 29 | "https://drscdn.500px.org/photo/127870627/h%3D600_k%3D1_a%3D1/df562860314d42dd9a4f8bf4ee0ac0e5", 30 | "https://drscdn.500px.org/photo/127883901/h%3D600_k%3D1_a%3D1/1ce1dcfbf374fd9d60df960bff046f92", 31 | "https://drscdn.500px.org/photo/127875875/h%3D600_k%3D1_a%3D1/9e667207de3ee01b72fec699a61a156f", 32 | "https://drscdn.500px.org/photo/127910615/h%3D600_k%3D1_a%3D1/9832834ff48dee33cca9a63c3680c391", 33 | "https://drscdn.500px.org/photo/127917691/h%3D600_k%3D1_a%3D1/569744eb7f6b0be651ef95b05409f283", 34 | "https://drscdn.500px.org/photo/127895191/h%3D600_k%3D1_a%3D1/6a8dd4932e237244a690b7683d18c184", 35 | "https://drscdn.500px.org/photo/127895003/h%3D600_k%3D1_a%3D1/aa9ba5e17219b6523e3576914281d014", 36 | "https://drscdn.500px.org/photo/127891201/h%3D600_k%3D1_a%3D1/11e7b89d61b3633d58e80bb4b91cfb96", 37 | "https://drscdn.500px.org/photo/127876087/h%3D600_k%3D1_a%3D1/beb9f8d4341e4c99aec0918081c29dfe", 38 | "https://drscdn.500px.org/photo/127866171/h%3D600_k%3D1_a%3D1/5100cdeb7006968a012ecf106c0fe28b", 39 | "https://drscdn.500px.org/photo/127868593/h%3D600_k%3D1_a%3D1/02ed979046028b417bb6e2214a8403e4", 40 | "https://drscdn.500px.org/photo/127868963/h%3D600_k%3D1_a%3D1/be27239695e8002979124bfdeb9730ad", 41 | "https://drscdn.500px.org/photo/127879079/h%3D600_k%3D1_a%3D1/d00277578f457e84eb36faa7740f4374", 42 | }; 43 | 44 | @Override 45 | protected void onCreate(Bundle savedInstanceState) { 46 | super.onCreate(savedInstanceState); 47 | setContentView(R.layout.activity_main); 48 | mParallaxViewPager = (ParallaxViewPager) findViewById(R.id.viewpager); 49 | initViewPager(); 50 | } 51 | 52 | private void initViewPager() { 53 | PagerAdapter adapter = new PagerAdapter() { 54 | 55 | @Override 56 | public boolean isViewFromObject(View arg0, Object arg1) { 57 | return arg0 == arg1; 58 | } 59 | 60 | @Override 61 | public void destroyItem(ViewGroup container, int position, 62 | Object obj) { 63 | container.removeView((View) obj); 64 | } 65 | 66 | @Override 67 | public Object instantiateItem(ViewGroup container, int position) { 68 | View view = View.inflate(container.getContext(), R.layout.pager_item, null); 69 | ImageView imageView = (ImageView) view.findViewById(R.id.item_img); 70 | Glide.with(MainActivity.this).load(mImages[position % mImages.length]).into(imageView); 71 | container.addView(view, ViewGroup.LayoutParams.MATCH_PARENT, 72 | ViewGroup.LayoutParams.MATCH_PARENT); 73 | return view; 74 | } 75 | 76 | @Override 77 | public int getCount() { 78 | return 40; 79 | } 80 | }; 81 | mParallaxViewPager.setAdapter(adapter); 82 | } 83 | 84 | 85 | @Override 86 | public boolean onCreateOptionsMenu(Menu menu) { 87 | getMenuInflater().inflate(R.menu.menu_main, menu); 88 | return true; 89 | } 90 | 91 | @Override 92 | public boolean onOptionsItemSelected(MenuItem item) { 93 | int id = item.getItemId(); 94 | switch (id) { 95 | case R.id.left_overlay: 96 | mParallaxViewPager.setMode(Mode.LEFT_OVERLAY); 97 | break; 98 | case R.id.right_overlay: 99 | mParallaxViewPager.setMode(Mode.RIGHT_OVERLAY); 100 | break; 101 | case R.id.none: 102 | mParallaxViewPager.setMode(Mode.NONE); 103 | break; 104 | } 105 | return super.onOptionsItemSelected(item); 106 | } 107 | } 108 | -------------------------------------------------------------------------------- /sample/src/main/res/anim/decelerate_interpolator.xml: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /sample/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 16 | 17 | -------------------------------------------------------------------------------- /sample/src/main/res/layout/pager_item.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 13 | 14 | -------------------------------------------------------------------------------- /sample/src/main/res/menu/menu_main.xml: -------------------------------------------------------------------------------- 1 | 5 | 10 | 15 | 20 | 21 | -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ybq/ParallaxViewPager/2f89eb6bd05a949dd2a7a50cbf92a5e0f5172963/sample/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ybq/ParallaxViewPager/2f89eb6bd05a949dd2a7a50cbf92a5e0f5172963/sample/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ybq/ParallaxViewPager/2f89eb6bd05a949dd2a7a50cbf92a5e0f5172963/sample/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ybq/ParallaxViewPager/2f89eb6bd05a949dd2a7a50cbf92a5e0f5172963/sample/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /sample/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ybq/ParallaxViewPager/2f89eb6bd05a949dd2a7a50cbf92a5e0f5172963/sample/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /sample/src/main/res/values-v19/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | -------------------------------------------------------------------------------- /sample/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /sample/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3F51B5 4 | #303F9F 5 | #FF4081 6 | 7 | -------------------------------------------------------------------------------- /sample/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /sample/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | ParallaxViewPager 3 | 4 | -------------------------------------------------------------------------------- /sample/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':sample', ':library' --------------------------------------------------------------------------------