├── .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 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/.idea/codeStyles/codeStyleConfig.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
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 |
54 |
55 |
--------------------------------------------------------------------------------
/.idea/runConfigurations.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
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 | 
18 |
19 |
20 | Screenshots
21 | -----------
22 |
23 | 
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 |
--------------------------------------------------------------------------------