├── .gitignore ├── .idea ├── codeStyles │ ├── Project.xml │ └── codeStyleConfig.xml ├── encodings.xml ├── gradle.xml ├── misc.xml ├── runConfigurations.xml └── vcs.xml ├── README.md ├── _config.yml ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── omni │ │ └── viewpager2 │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── omni │ │ │ └── viewpager2 │ │ │ ├── core │ │ │ └── ParallaxPagerTransformer.kt │ │ │ ├── entities │ │ │ ├── DataGenerator.kt │ │ │ └── Recipe.kt │ │ │ └── feature │ │ │ └── recipeshome │ │ │ ├── MainActivity.kt │ │ │ ├── RecipesViewModel.kt │ │ │ └── RecipesViewPagerAdapter.kt │ └── res │ │ ├── drawable-v24 │ │ ├── ic_down_arrow.xml │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ ├── chicken.webp │ │ ├── ic_broken_image.xml │ │ ├── ic_down_arrow.xml │ │ ├── ic_launcher_background.xml │ │ ├── loading_animation.xml │ │ ├── loading_img.xml │ │ ├── pasta.webp │ │ ├── pie.webp │ │ ├── recipe_item.xml │ │ └── ribs.webp │ │ ├── layout │ │ ├── activity_main.xml │ │ └── recipe_item_page.xml │ │ ├── mipmap-anydpi-v26 │ │ ├── ic_launcher.xml │ │ └── ic_launcher_round.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 │ │ └── values │ │ ├── colors.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── omni │ └── viewpager2 │ └── ExampleUnitTest.kt ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── screenshots ├── device-2019-06-15-173854.png └── homeDemo.gif └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/caches 5 | /.idea/libraries 6 | /.idea/modules.xml 7 | /.idea/workspace.xml 8 | /.idea/navEditor.xml 9 | /.idea/assetWizardSettings.xml 10 | .DS_Store 11 | /build 12 | /captures 13 | .externalNativeBuild 14 | -------------------------------------------------------------------------------- /.idea/codeStyles/Project.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | -------------------------------------------------------------------------------- /.idea/codeStyles/codeStyleConfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Android 15 | 16 | 17 | ComplianceLintAndroid 18 | 19 | 20 | CorrectnessLintAndroid 21 | 22 | 23 | Java 24 | 25 | 26 | LintAndroid 27 | 28 | 29 | PerformanceLintAndroid 30 | 31 | 32 | Probable bugsJava 33 | 34 | 35 | RELAX NG 36 | 37 | 38 | UsabilityLintAndroid 39 | 40 | 41 | 42 | 43 | Android 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 55 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ViewPager2WithParallaxTransformation 2 | 3 | This is demo for my [post](https://medium.com/@omneyaosman/implement-viewpager2-as-a-recyclerview-7456803d102e) 4 | 5 | 6 | Introduction 7 | ------------ 8 | Demo application to create ViewPager2 with RescyclerView.Adapter with Parallax transformation in Basil home screen. 9 | 10 | *[design of Basil](https://material.io/design/material-studies/basil.html#about-basil) 11 | 12 | *images used from [unsplash](https://unsplash.com) 13 | 14 | 15 | Demo 16 | ------------ 17 | ![gif](screenshots/homeDemo.gif) 18 | 19 | 20 | Screenshots 21 | ----------- 22 | 23 | ![Home screen](screenshots/device-2019-06-15-173854.png "Recipe") 24 | 25 | 26 | 27 | 28 | ## Libraries Used 29 | 30 | This module requires the following modules/libraries: 31 | 32 | * [ViewPager2](https://developer.android.com/jetpack/androidx/releases/viewpager2) 33 | * [Kotlin](https://kotlinlang.org) 34 | * [Androidx](https://developer.android.com/jetpack/androidx) 35 | * [Android ViewModel](https://developer.android.com/topic/libraries/architecture/viewmodel) 36 | * [Android LiveData](https://developer.android.com/topic/libraries/architecture/livedata) 37 | * [MVVM architecture](https://developer.android.com/jetpack/docs/guide) 38 | * Glide 39 | 40 | 41 | 42 | 43 | ## Installation 44 | 45 | Install as usual, 46 | * Clone this repo. 47 | * Update your android studio to verion 3.4 . 48 | * Happy coding. 49 | 50 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-cayman -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | apply plugin: 'kotlin-android' 4 | 5 | apply plugin: 'kotlin-android-extensions' 6 | 7 | apply plugin: 'kotlin-kapt' 8 | 9 | android { 10 | compileSdkVersion 28 11 | defaultConfig { 12 | applicationId "com.omni.viewpager2" 13 | minSdkVersion 21 14 | targetSdkVersion 28 15 | versionCode 1 16 | versionName "1.0" 17 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 18 | } 19 | buildTypes { 20 | release { 21 | minifyEnabled true 22 | shrinkResources true 23 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 24 | } 25 | } 26 | } 27 | 28 | dependencies { 29 | implementation fileTree(dir: 'libs', include: ['*.jar']) 30 | implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 31 | implementation 'androidx.appcompat:appcompat:1.0.2' 32 | implementation 'androidx.core:core-ktx:1.0.2' 33 | implementation 'androidx.constraintlayout:constraintlayout:1.1.3' 34 | implementation 'com.google.android.material:material:1.0.0' 35 | 36 | // current version = 1.0.0-alpha04 37 | implementation "androidx.viewpager2:viewpager2:$version_view_pager2" 38 | 39 | implementation 'com.google.android.material:material:1.0.0' 40 | // Glide for images 41 | implementation "com.github.bumptech.glide:glide:$version_glide" 42 | // ViewModel and LiveData (arch components) 43 | implementation "androidx.lifecycle:lifecycle-extensions:$version_lifecycle_extensions" 44 | } 45 | -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # You can control the set of applied configuration files using the 3 | # proguardFiles setting in build.gradle. 4 | # 5 | # For more details, see 6 | # http://developer.android.com/guide/developing/tools/proguard.html 7 | 8 | # If your project uses WebView with JS, uncomment the following 9 | # and specify the fully qualified class name to the JavaScript interface 10 | # class: 11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 12 | # public *; 13 | #} 14 | 15 | # Uncomment this to preserve the line number information for 16 | # debugging stack traces. 17 | #-keepattributes SourceFile,LineNumberTable 18 | 19 | # If you keep the line number information, uncomment this to 20 | # hide the original source file name. 21 | #-renamesourcefileattribute SourceFile 22 | -keep class !com.omni.** { *; } 23 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/omni/viewpager2/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.omni.viewpager2 2 | 3 | import androidx.test.InstrumentationRegistry 4 | import androidx.test.runner.AndroidJUnit4 5 | 6 | import org.junit.Test 7 | import org.junit.runner.RunWith 8 | 9 | import org.junit.Assert.* 10 | 11 | /** 12 | * Instrumented test, which will execute on an Android device. 13 | * 14 | * See [testing documentation](http://d.android.com/tools/testing). 15 | */ 16 | @RunWith(AndroidJUnit4::class) 17 | class ExampleInstrumentedTest { 18 | @Test 19 | fun useAppContext() { 20 | // Context of the app under test. 21 | val appContext = InstrumentationRegistry.getTargetContext() 22 | assertEquals("com.omni.viewpager2", appContext.packageName) 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /app/src/main/java/com/omni/viewpager2/core/ParallaxPagerTransformer.kt: -------------------------------------------------------------------------------- 1 | package com.omni.viewpager2.core 2 | 3 | import android.view.View 4 | import android.widget.ImageView 5 | import androidx.viewpager2.widget.ViewPager2 6 | 7 | 8 | class ParallaxPagerTransformer(private val viewId: Int) : ViewPager2.PageTransformer { 9 | 10 | override fun transformPage(view: View, position: Float) { 11 | 12 | view.apply { 13 | val parallaxView = findViewById(viewId) 14 | when { 15 | position < -1 -> // [-Infinity,-1) 16 | // This page is way off-screen to the left. 17 | view.alpha = 1f 18 | position <= 1 -> { // [-1,1] 19 | parallaxView.translationX = -position * (width / 2) //Half the normal speed 20 | } 21 | else -> // (1,+Infinity] 22 | // This page is way off-screen to the right. 23 | view.alpha = 1f 24 | } 25 | } 26 | } 27 | } -------------------------------------------------------------------------------- /app/src/main/java/com/omni/viewpager2/entities/DataGenerator.kt: -------------------------------------------------------------------------------- 1 | package com.omni.viewpager2.entities 2 | 3 | import androidx.lifecycle.MutableLiveData 4 | import com.omni.viewpager2.R 5 | 6 | 7 | object DataGenerator { 8 | 9 | private val list = listOf( 10 | Recipe( 11 | "1", 12 | R.drawable.chicken, 13 | "Herb Roasted Chicken" 14 | ), 15 | Recipe( 16 | "2", 17 | R.drawable.pasta, 18 | "Pesto pasta" 19 | ), 20 | Recipe( 21 | "3", 22 | R.drawable.pie, 23 | "Pot Pie" 24 | ), 25 | Recipe( 26 | "4", 27 | R.drawable.ribs, 28 | "roasted ribs" 29 | ) 30 | ) 31 | val RECIPES: MutableLiveData> = list.toMutableLiveData() 32 | 33 | } 34 | 35 | fun T.toMutableLiveData(): MutableLiveData { 36 | return MutableLiveData() 37 | .also { it.postValue(this) } 38 | } -------------------------------------------------------------------------------- /app/src/main/java/com/omni/viewpager2/entities/Recipe.kt: -------------------------------------------------------------------------------- 1 | package com.omni.viewpager2.entities 2 | 3 | 4 | data class Recipe( 5 | val recipe_id: String, 6 | val imgResource: Int, 7 | val title: String 8 | ) -------------------------------------------------------------------------------- /app/src/main/java/com/omni/viewpager2/feature/recipeshome/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.omni.viewpager2.feature.recipeshome 2 | 3 | import android.os.Bundle 4 | import android.view.View 5 | import androidx.appcompat.app.AppCompatActivity 6 | import androidx.lifecycle.Observer 7 | import androidx.lifecycle.ViewModelProviders 8 | import com.omni.viewpager2.R 9 | import com.omni.viewpager2.entities.Recipe 10 | import kotlinx.android.synthetic.main.activity_main.* 11 | import kotlinx.android.synthetic.main.recipe_item_page.view.* 12 | 13 | 14 | class MainActivity : AppCompatActivity() { 15 | 16 | private lateinit var recipesAdapter: RecipesViewPagerAdapter 17 | private val viewModel: RecipesViewModel by lazy { 18 | ViewModelProviders.of(this).get(RecipesViewModel::class.java) 19 | } 20 | 21 | override fun onCreate(savedInstanceState: Bundle?) { 22 | super.onCreate(savedInstanceState) 23 | setContentView(R.layout.activity_main) 24 | 25 | 26 | recipesAdapter = RecipesViewPagerAdapter() 27 | with(recipes_view_pager) { 28 | adapter = recipesAdapter 29 | setPageTransformer { page, position -> 30 | setParallaxTransformation(page, position) 31 | } 32 | } 33 | 34 | viewModel.list.observe(this, Observer> { recipes -> 35 | recipes?.apply { 36 | recipesAdapter.recipes = recipes 37 | } 38 | }) 39 | } 40 | 41 | private fun setParallaxTransformation(page: View, position: Float) { 42 | page.apply { 43 | val parallaxView = this.recipe_image 44 | when { 45 | position < -1 -> // [-Infinity,-1) 46 | // This page is way off-screen to the left. 47 | alpha = 1f 48 | position <= 1 -> { // [-1,1] 49 | parallaxView.translationX = -position * (width / 2) //Half the normal speed 50 | } 51 | else -> // (1,+Infinity] 52 | // This page is way off-screen to the right. 53 | alpha = 1f 54 | } 55 | } 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /app/src/main/java/com/omni/viewpager2/feature/recipeshome/RecipesViewModel.kt: -------------------------------------------------------------------------------- 1 | package com.omni.viewpager2.feature.recipeshome 2 | 3 | import androidx.lifecycle.ViewModel 4 | import com.omni.viewpager2.entities.DataGenerator.RECIPES 5 | 6 | class RecipesViewModel : ViewModel() { 7 | 8 | 9 | val list = RECIPES 10 | } -------------------------------------------------------------------------------- /app/src/main/java/com/omni/viewpager2/feature/recipeshome/RecipesViewPagerAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.omni.viewpager2.feature.recipeshome 2 | 3 | import android.view.LayoutInflater 4 | import android.view.View 5 | import android.view.ViewGroup 6 | import androidx.annotation.LayoutRes 7 | import androidx.recyclerview.widget.RecyclerView 8 | import com.bumptech.glide.Glide 9 | import com.bumptech.glide.request.RequestOptions 10 | import com.omni.viewpager2.R 11 | import com.omni.viewpager2.entities.Recipe 12 | import kotlinx.android.synthetic.main.recipe_item_page.view.* 13 | 14 | 15 | class RecipesViewPagerAdapter : RecyclerView.Adapter() { 16 | var recipes: List = emptyList() 17 | set(value) { 18 | field = value 19 | notifyDataSetChanged() 20 | } 21 | 22 | override fun onCreateViewHolder(parent: ViewGroup, p1: Int): PagerViewHolder { 23 | return LayoutInflater.from(parent.context).inflate( 24 | PagerViewHolder.LAYOUT, parent, false 25 | ).let { PagerViewHolder(it) } 26 | } 27 | 28 | override fun getItemCount() = recipes.size 29 | 30 | override fun onBindViewHolder(holder: PagerViewHolder, position: Int) { 31 | holder.bind(recipes[position]) 32 | } 33 | } 34 | 35 | class PagerViewHolder(private val root: View) : RecyclerView.ViewHolder(root) { 36 | fun bind(recipe: Recipe) { 37 | root.recipe_title?.text = recipe.title 38 | root.recipe_image.let { 39 | Glide.with(it.context) 40 | .load(recipe.imgResource) 41 | .apply( 42 | RequestOptions() 43 | .placeholder(R.drawable.loading_animation) 44 | .error(R.drawable.ic_broken_image) 45 | ) 46 | .into(it) 47 | } 48 | } 49 | 50 | companion object { 51 | @LayoutRes 52 | val LAYOUT = R.layout.recipe_item_page 53 | } 54 | } -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_down_arrow.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-v24/ic_launcher_foreground.xml: -------------------------------------------------------------------------------- 1 | 7 | 12 | 13 | 19 | 22 | 25 | 26 | 27 | 28 | 34 | 35 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/chicken.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/drawable/chicken.webp -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_broken_image.xml: -------------------------------------------------------------------------------- 1 | 17 | 18 | 24 | 27 | 28 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_down_arrow.xml: -------------------------------------------------------------------------------- 1 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 75 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/loading_animation.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 19 | 20 | 25 | 26 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/loading_img.xml: -------------------------------------------------------------------------------- 1 | 3 | 6 | 9 | 12 | 15 | 18 | 21 | 24 | 27 | 30 | 33 | 36 | 39 | 40 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/pasta.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/drawable/pasta.webp -------------------------------------------------------------------------------- /app/src/main/res/drawable/pie.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/drawable/pie.webp -------------------------------------------------------------------------------- /app/src/main/res/drawable/recipe_item.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 12 | 13 | 14 | 20 | 21 | 22 | 38 | 39 | 40 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ribs.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/drawable/ribs.webp -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 23 | 24 | 34 | 44 | 45 | -------------------------------------------------------------------------------- /app/src/main/res/layout/recipe_item_page.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 12 | 13 | 28 | 29 | 30 | 49 | 50 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #37966F 4 | #356859 5 | #CC356859 6 | #B9E4C9 7 | #FF8851 8 | #c11a00 9 | #000000 10 | #000000 11 | #FD5523 12 | #FFFBE6 13 | #F2FFFBE6 14 | 15 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | BASIL 3 | 4 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 21 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /app/src/test/java/com/omni/viewpager2/ExampleUnitTest.kt: -------------------------------------------------------------------------------- 1 | package com.omni.viewpager2 2 | 3 | import org.junit.Test 4 | 5 | import org.junit.Assert.* 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * See [testing documentation](http://d.android.com/tools/testing). 11 | */ 12 | class ExampleUnitTest { 13 | @Test 14 | fun addition_isCorrect() { 15 | assertEquals(4, 2 + 2) 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | ext { 5 | kotlin_version = '1.3.30' 6 | version_view_pager2 = "1.0.0-alpha05" 7 | version_lifecycle_extensions = "2.0.0" 8 | version_glide = "4.8.0" 9 | } 10 | repositories { 11 | google() 12 | jcenter() 13 | 14 | } 15 | dependencies { 16 | classpath 'com.android.tools.build:gradle:3.4.0' 17 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 18 | // NOTE: Do not place your application dependencies here; they belong 19 | // in the individual module build.gradle files 20 | } 21 | } 22 | 23 | allprojects { 24 | repositories { 25 | google() 26 | jcenter() 27 | 28 | } 29 | } 30 | 31 | task clean(type: Delete) { 32 | delete rootProject.buildDir 33 | } 34 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | # IDE (e.g. Android Studio) users: 3 | # Gradle settings configured through the IDE *will override* 4 | # any settings specified in this file. 5 | # For more details on how to configure your build environment visit 6 | # http://www.gradle.org/docs/current/userguide/build_environment.html 7 | # Specifies the JVM arguments used for the daemon process. 8 | # The setting is particularly useful for tweaking memory settings. 9 | org.gradle.jvmargs=-Xmx1536m 10 | # When configured, Gradle will run in incubating parallel mode. 11 | # This option should only be used with decoupled projects. More details, visit 12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 13 | # org.gradle.parallel=true 14 | # AndroidX package structure to make it clearer which packages are bundled with the 15 | # Android operating system, and which are packaged with your app's APK 16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 17 | android.useAndroidX=true 18 | # Automatically convert third-party libraries to use AndroidX 19 | android.enableJetifier=true 20 | # Kotlin code style for this project: "official" or "obsolete": 21 | kotlin.code.style=official 22 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Sat Jun 15 16:47:08 EET 2019 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.1.1-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Attempt to set APP_HOME 10 | # Resolve links: $0 may be a link 11 | PRG="$0" 12 | # Need this for relative symlinks. 13 | while [ -h "$PRG" ] ; do 14 | ls=`ls -ld "$PRG"` 15 | link=`expr "$ls" : '.*-> \(.*\)$'` 16 | if expr "$link" : '/.*' > /dev/null; then 17 | PRG="$link" 18 | else 19 | PRG=`dirname "$PRG"`"/$link" 20 | fi 21 | done 22 | SAVED="`pwd`" 23 | cd "`dirname \"$PRG\"`/" >/dev/null 24 | APP_HOME="`pwd -P`" 25 | cd "$SAVED" >/dev/null 26 | 27 | APP_NAME="Gradle" 28 | APP_BASE_NAME=`basename "$0"` 29 | 30 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 31 | DEFAULT_JVM_OPTS="" 32 | 33 | # Use the maximum available, or set MAX_FD != -1 to use that value. 34 | MAX_FD="maximum" 35 | 36 | warn () { 37 | echo "$*" 38 | } 39 | 40 | die () { 41 | echo 42 | echo "$*" 43 | echo 44 | exit 1 45 | } 46 | 47 | # OS specific support (must be 'true' or 'false'). 48 | cygwin=false 49 | msys=false 50 | darwin=false 51 | nonstop=false 52 | case "`uname`" in 53 | CYGWIN* ) 54 | cygwin=true 55 | ;; 56 | Darwin* ) 57 | darwin=true 58 | ;; 59 | MINGW* ) 60 | msys=true 61 | ;; 62 | NONSTOP* ) 63 | nonstop=true 64 | ;; 65 | esac 66 | 67 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 68 | 69 | # Determine the Java command to use to start the JVM. 70 | if [ -n "$JAVA_HOME" ] ; then 71 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 72 | # IBM's JDK on AIX uses strange locations for the executables 73 | JAVACMD="$JAVA_HOME/jre/sh/java" 74 | else 75 | JAVACMD="$JAVA_HOME/bin/java" 76 | fi 77 | if [ ! -x "$JAVACMD" ] ; then 78 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 79 | 80 | Please set the JAVA_HOME variable in your environment to match the 81 | location of your Java installation." 82 | fi 83 | else 84 | JAVACMD="java" 85 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 86 | 87 | Please set the JAVA_HOME variable in your environment to match the 88 | location of your Java installation." 89 | fi 90 | 91 | # Increase the maximum file descriptors if we can. 92 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 93 | MAX_FD_LIMIT=`ulimit -H -n` 94 | if [ $? -eq 0 ] ; then 95 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 96 | MAX_FD="$MAX_FD_LIMIT" 97 | fi 98 | ulimit -n $MAX_FD 99 | if [ $? -ne 0 ] ; then 100 | warn "Could not set maximum file descriptor limit: $MAX_FD" 101 | fi 102 | else 103 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 104 | fi 105 | fi 106 | 107 | # For Darwin, add options to specify how the application appears in the dock 108 | if $darwin; then 109 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 110 | fi 111 | 112 | # For Cygwin, switch paths to Windows format before running java 113 | if $cygwin ; then 114 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 115 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 116 | JAVACMD=`cygpath --unix "$JAVACMD"` 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 | # Escape application args 158 | save () { 159 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 160 | echo " " 161 | } 162 | APP_ARGS=$(save "$@") 163 | 164 | # Collect all arguments for the java command, following the shell quoting and substitution rules 165 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 166 | 167 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong 168 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then 169 | cd "$(dirname "$0")" 170 | fi 171 | 172 | exec "$JAVACMD" "$@" 173 | -------------------------------------------------------------------------------- /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 | set DIRNAME=%~dp0 12 | if "%DIRNAME%" == "" set DIRNAME=. 13 | set APP_BASE_NAME=%~n0 14 | set APP_HOME=%DIRNAME% 15 | 16 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 17 | set DEFAULT_JVM_OPTS= 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 Windows variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | 53 | :win9xME_args 54 | @rem Slurp the command line arguments. 55 | set CMD_LINE_ARGS= 56 | set _SKIP=2 57 | 58 | :win9xME_args_slurp 59 | if "x%~1" == "x" goto execute 60 | 61 | set CMD_LINE_ARGS=%* 62 | 63 | :execute 64 | @rem Setup the command line 65 | 66 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 67 | 68 | @rem Execute Gradle 69 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 70 | 71 | :end 72 | @rem End local scope for the variables with windows NT shell 73 | if "%ERRORLEVEL%"=="0" goto mainEnd 74 | 75 | :fail 76 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 77 | rem the _cmd.exe /c_ return code! 78 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 79 | exit /b 1 80 | 81 | :mainEnd 82 | if "%OS%"=="Windows_NT" endlocal 83 | 84 | :omega 85 | -------------------------------------------------------------------------------- /screenshots/device-2019-06-15-173854.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/screenshots/device-2019-06-15-173854.png -------------------------------------------------------------------------------- /screenshots/homeDemo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OmneyaOsman/ViewPager2_ParallaxTransformation/0b23ac99fccd355a352d13916819c0ceb2769d75/screenshots/homeDemo.gif -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | --------------------------------------------------------------------------------