├── .gitignore ├── .idea ├── .name ├── codeStyles │ ├── Project.xml │ └── codeStyleConfig.xml ├── misc.xml ├── runConfigurations.xml └── vcs.xml ├── LICENSE ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── saeed │ │ │ └── finiteflow │ │ │ └── example │ │ │ ├── BasicFragment.kt │ │ │ ├── MainActivity.kt │ │ │ ├── RecyclerPagerAdapter.kt │ │ │ ├── ViewPagerAdapter.kt │ │ │ ├── ecommerce │ │ │ ├── EcommercePagerAdapter.kt │ │ │ ├── HorizontalEcommorceItemExampleActivity.kt │ │ │ └── VerticalEcommorceItemExampleActivity.kt │ │ │ ├── floatingheader │ │ │ ├── FloatingHeaderActivity.kt │ │ │ └── FloatingPagerAdapter.kt │ │ │ ├── fullscreenslider │ │ │ └── FullScreenActivity.kt │ │ │ ├── infinitepagerexample │ │ │ ├── CrouselPagerAdapter.kt │ │ │ └── InfiniteHorizontalCrouselExampleActivity.kt │ │ │ ├── overlapslider │ │ │ ├── HorizontalOverlapExampleActivity.kt │ │ │ └── VerticalOverlapExampleActivity.kt │ │ │ └── simplecrousel │ │ │ ├── HorizontalImageViewerExampleActivity.kt │ │ │ ├── ImageSliderPagerAdapter.kt │ │ │ └── VerticalImageViewerExampleActivity.kt │ └── res │ │ ├── drawable-v24 │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ ├── building1.jpg │ │ ├── building2.jpg │ │ ├── building3.jpg │ │ ├── building4.jpg │ │ ├── building5.jpg │ │ ├── button_bg.xml │ │ ├── circle_drawable.xml │ │ ├── ic_chevron_left_black_24dp.xml │ │ ├── ic_chevron_right_black_24dp.xml │ │ ├── ic_launcher_background.xml │ │ ├── watch_1.jpg │ │ ├── watch_2.jpg │ │ ├── watch_3.jpg │ │ └── watch_4.jpg │ │ ├── layout │ │ ├── activity_floating_header.xml │ │ ├── activity_full_screen.xml │ │ ├── activity_horizontal_ecommerce_example.xml │ │ ├── activity_horizontal_image_viewer_example.xml │ │ ├── activity_horizontal_overlap_example.xml │ │ ├── activity_main.xml │ │ ├── activity_text.xml │ │ ├── activity_vertical_ecommerce_example.xml │ │ ├── activity_vertical_image_viewer_example.xml │ │ ├── activity_vertical_overlap_example.xml │ │ ├── circle_view.xml │ │ ├── content_full_screen.xml │ │ ├── header_view.xml │ │ └── square_view.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 │ │ ├── dimens.xml │ │ ├── font_certs.xml │ │ ├── strings.xml │ │ └── styles.xml │ │ └── xml │ │ ├── flow_activity_scene.xml │ │ ├── horizontal_color_change_scene.xml │ │ └── vertical_color_change_scene.xml │ └── test │ └── java │ └── com │ └── saeed │ └── finiteflow │ └── example │ └── ExampleUnitTest.kt ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── lib ├── .gitignore ├── build.gradle ├── consumer-rules.pro ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── saeed │ │ └── finiteflow │ │ └── lib │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── saeed │ │ │ └── finiteflow │ │ │ └── lib │ │ │ ├── BezierFormula.kt │ │ │ ├── Extensions.kt │ │ │ ├── FinitePagerContainer.kt │ │ │ ├── HeaderFloatTransformer.kt │ │ │ ├── OverlapSliderTransformer.kt │ │ │ ├── SimpleSliderTransformer.kt │ │ │ └── StackSliderTransformer.kt │ └── res │ │ └── values │ │ └── strings.xml │ └── test │ └── java │ └── com │ └── saeed │ └── finiteflow │ └── lib │ └── ExampleUnitTest.kt └── 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 | ======= 15 | 16 | # Built application files 17 | *.apk 18 | *.ap_ 19 | 20 | # Files for the ART/Dalvik VM 21 | *.dex 22 | 23 | # Java class files 24 | *.class 25 | 26 | # Generated files 27 | bin/ 28 | gen/ 29 | out/ 30 | 31 | # Gradle files 32 | .gradle/ 33 | build/ 34 | 35 | # Local configuration file (sdk path, etc) 36 | local.properties 37 | 38 | # Proguard folder generated by Eclipse 39 | proguard/ 40 | 41 | # Log Files 42 | *.log 43 | 44 | # Android Studio Navigation editor temp files 45 | .navigation/ 46 | 47 | # Android Studio captures folder 48 | captures/ 49 | 50 | # IntelliJ 51 | *.iml 52 | .idea/workspace.xml 53 | .idea/tasks.xml 54 | .idea/gradle.xml 55 | .idea/assetWizardSettings.xml 56 | .idea/dictionaries 57 | .idea/libraries 58 | .idea/caches 59 | 60 | # Keystore files 61 | # Uncomment the following line if you do not want to check your keystore files in. 62 | #*.jks 63 | 64 | # External native build folder generated in Android Studio 2.2 and later 65 | .externalNativeBuild 66 | 67 | # Google Services (e.g. APIs or Firebase) 68 | google-services.json 69 | 70 | # Freeline 71 | freeline.py 72 | freeline/ 73 | freeline_project_description.json 74 | 75 | # fastlane 76 | fastlane/report.xml 77 | fastlane/Preview.html 78 | fastlane/screenshots 79 | fastlane/test_output 80 | fastlane/readme.md -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | Infinite Flow Lib -------------------------------------------------------------------------------- /.idea/codeStyles/Project.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 9 | 10 | 12 | 13 | 14 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | xmlns:android 23 | 24 | ^$ 25 | 26 | 27 | 28 |
29 |
30 | 31 | 32 | 33 | xmlns:.* 34 | 35 | ^$ 36 | 37 | 38 | BY_NAME 39 | 40 |
41 |
42 | 43 | 44 | 45 | .*:id 46 | 47 | http://schemas.android.com/apk/res/android 48 | 49 | 50 | 51 |
52 |
53 | 54 | 55 | 56 | .*:name 57 | 58 | http://schemas.android.com/apk/res/android 59 | 60 | 61 | 62 |
63 |
64 | 65 | 66 | 67 | name 68 | 69 | ^$ 70 | 71 | 72 | 73 |
74 |
75 | 76 | 77 | 78 | style 79 | 80 | ^$ 81 | 82 | 83 | 84 |
85 |
86 | 87 | 88 | 89 | .* 90 | 91 | ^$ 92 | 93 | 94 | BY_NAME 95 | 96 |
97 |
98 | 99 | 100 | 101 | .* 102 | 103 | http://schemas.android.com/apk/res/android 104 | 105 | 106 | ANDROID_ATTRIBUTE_ORDER 107 | 108 |
109 |
110 | 111 | 112 | 113 | .* 114 | 115 | .* 116 | 117 | 118 | BY_NAME 119 | 120 |
121 | 122 | 123 | 124 | 125 | 127 | 128 | -------------------------------------------------------------------------------- /.idea/codeStyles/codeStyleConfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Finite Coverflow 2 | The Viewpager2 PagerTransformer library which is helpful to create amazing carousel, image slider and cover flows. 3 | [Examples](app/src/main/java/com/saeed/infiniteflow/example) 4 | 5 |      6 |      7 |      8 |      9 |      10 |      11 | 12 | 13 | --- 14 | 15 | # Gradle Dependency 16 | 17 | Firstly Add Jitpack to your repositories. 18 | 19 | ```gradle 20 | allprojects { 21 | repositories { 22 | ... 23 | maven { url 'https://jitpack.io' } 24 | } 25 | } 26 | ``` 27 | 28 | Add finite flow and viewpager2 library to your app module's `build.gradle` file: 29 | 30 | ```gradle 31 | dependencies { 32 | //Cover flow 33 | implementation 'com.github.saeed-younus:finite-cover-flow:1.0.1' 34 | //ViewPager2 35 | implementation 'androidx.viewpager2:viewpager2:1.0.0-beta04' 36 | } 37 | ``` 38 | # Layout 39 | 40 | You add FinitePagerContainer view in your layout file and inside it add ViewPager2 which holds your view or fragment adapter 41 | 42 | ```xml 43 | 47 | 48 | 54 | 55 | 56 | ``` 57 | **NOTE:** viewpager2 size specify your single item layout size. If you want to fullscreen slider then check out fullscreen example. 58 | 59 | **ORIENTATION:** You can change orientation easily in viewpager2 you just need set oreintation in xml. 60 | ### IMPLEMENTATION 61 | 62 | In your Activity you add adapter for viewpager2 and set three types of animation for your FinitePagerContainer. 63 | ### Set up PagerContainer 64 | ```kotlin 65 | val pagerContainer = findViewById(R.id.pager_container) 66 | // Set Your Adapter with viewPager adapter 67 | pagerContainer.getViewPager().adapter = RecyclerPagerAdapter() 68 | ``` 69 | 70 | ### Simple Slider 71 | ```kotlin 72 | // For Apply Simple Slider Animation no overlapping no stack 73 | pagerContainer.setSimpleSlider( 74 | unSelectedItemRotation = 0f, // Rotation of Unselected Items 75 | unSelectedItemAlpha = 0.2f, // Alpha Value of unselected Items 76 | minScale = 0.5f // Min Scale on unselected Items 77 | ) 78 | ``` 79 |

80 | 81 |

82 | 83 | --- 84 | ### Overlap Slider 85 | ```kotlin 86 | // For Apply Simple Slider Animation no overlapping no stack 87 | pagerContainer.setOverlapSlider( 88 | unSelectedItemRotation = 0f, // Rotation of Unselected Items 89 | unSelectedItemAlpha = 0.2f, // Alpha Value of unselected Items 90 | minScale = 0.5f, // Min Scale on unselected Items 91 | itemGap = 0f // Gap between Items 92 | ) 93 | ``` 94 |

95 | 96 |

97 | 98 | --- 99 | ### Stack Slider 100 | ```kotlin 101 | // For Apply Stack Animation to your ViewPager 102 | pagerContainer.setStackSlider( 103 | behindScale = 0.7f, // Scale Value for Behind Items 104 | behindAlpha = 0f // Opacity Value for Behind Items 105 | ) 106 | ``` 107 |

108 | 109 |

110 | 111 | SUPPORT ❤️ 112 | ----- 113 | 114 | Find this library useful? Support it by joining [**stargazers**](https://github.com/saeed-younus/finite-cover-flow/stargazers) for this repository ⭐️ 115 |
116 | And [**follow me**](https://github.com/saeed-younus/?tab=followers) for my next creations 👍 117 | 118 | License 119 | ------- 120 | 121 | Copyright 2017 The Android Open Source Project, Inc. 122 | 123 | Licensed to the Apache Software Foundation (ASF) under one or more contributor 124 | license agreements. See the NOTICE file distributed with this work for 125 | additional information regarding copyright ownership. The ASF licenses this 126 | file to you under the Apache License, Version 2.0 (the "License"); you may not 127 | use this file except in compliance with the License. You may obtain a copy of 128 | the License at 129 | 130 | http://www.apache.org/licenses/LICENSE-2.0 131 | 132 | Unless required by applicable law or agreed to in writing, software 133 | distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 134 | WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 135 | License for the specific language governing permissions and limitations under 136 | the License. 137 | -------------------------------------------------------------------------------- /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 | android { 8 | compileSdkVersion 28 9 | defaultConfig { 10 | applicationId "com.saeed.infiniteflow.example" 11 | minSdkVersion 21 12 | targetSdkVersion 28 13 | versionCode 1 14 | versionName "1.0" 15 | testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" 16 | } 17 | buildTypes { 18 | release { 19 | minifyEnabled false 20 | proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' 21 | } 22 | } 23 | } 24 | 25 | dependencies { 26 | implementation fileTree(dir: 'libs', include: ['*.jar']) 27 | implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 28 | implementation 'androidx.appcompat:appcompat:1.1.0' 29 | implementation 'androidx.core:core-ktx:1.1.0' 30 | implementation 'androidx.constraintlayout:constraintlayout:2.0.0-beta4' 31 | implementation 'androidx.legacy:legacy-support-v4:1.0.0' 32 | testImplementation 'junit:junit:4.12' 33 | androidTestImplementation 'androidx.test:runner:1.1.1' 34 | androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1' 35 | 36 | implementation "androidx.emoji:emoji:1.0.0" 37 | 38 | //ViewPager2 39 | implementation 'androidx.viewpager2:viewpager2:1.0.0' 40 | 41 | //Material 42 | implementation 'com.google.android.material:material:1.2.0-alpha03' 43 | // Dynamic ANimation 44 | implementation 'androidx.dynamicanimation:dynamicanimation:1.0.0' 45 | implementation project(path: ':lib') 46 | } 47 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 9 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/BasicFragment.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example 2 | 3 | 4 | import android.os.Bundle 5 | import android.view.LayoutInflater 6 | import android.view.View 7 | import android.view.ViewGroup 8 | import androidx.fragment.app.Fragment 9 | 10 | /** 11 | * A simple [Fragment] subclass. 12 | */ 13 | class BasicFragment : Fragment() { 14 | 15 | override fun onCreateView( 16 | inflater: LayoutInflater, container: ViewGroup?, 17 | savedInstanceState: Bundle? 18 | ): View? { 19 | // Inflate the layout for this fragment 20 | return inflater.inflate(R.layout.circle_view, container, false) 21 | } 22 | 23 | 24 | companion object { 25 | fun newInstance(): BasicFragment { 26 | val fragment = BasicFragment() 27 | val bundle = Bundle() 28 | fragment.arguments = bundle 29 | return fragment 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example 2 | 3 | import android.content.Intent 4 | import android.os.Bundle 5 | import android.view.View 6 | import androidx.appcompat.app.AppCompatActivity 7 | import androidx.dynamicanimation.animation.DynamicAnimation 8 | import androidx.dynamicanimation.animation.SpringAnimation 9 | import androidx.dynamicanimation.animation.SpringForce 10 | import com.saeed.finiteflow.example.ecommerce.HorizontalEcommorceItemExampleActivity 11 | import com.saeed.finiteflow.example.ecommerce.VerticalEcommorceItemExampleActivity 12 | import com.saeed.finiteflow.example.fullscreenslider.FullScreenActivity 13 | import com.saeed.finiteflow.example.infinitepagerexample.InfiniteHorizontalCrouselExampleActivity 14 | import com.saeed.finiteflow.example.overlapslider.HorizontalOverlapExampleActivity 15 | import com.saeed.finiteflow.example.overlapslider.VerticalOverlapExampleActivity 16 | import com.saeed.finiteflow.example.simplecrousel.HorizontalImageViewerExampleActivity 17 | import com.saeed.finiteflow.example.simplecrousel.VerticalImageViewerExampleActivity 18 | import kotlinx.android.synthetic.main.activity_main.* 19 | 20 | class MainActivity : AppCompatActivity() { 21 | 22 | override fun onCreate(savedInstanceState: Bundle?) { 23 | super.onCreate(savedInstanceState) 24 | setContentView(R.layout.activity_main) 25 | 26 | fs.setOnClickListener { 27 | val intent = Intent(this@MainActivity, FullScreenActivity::class.java) 28 | startActivity(intent) 29 | } 30 | 31 | infs.setOnClickListener { 32 | val intent = Intent(this@MainActivity, InfiniteHorizontalCrouselExampleActivity::class.java) 33 | startActivity(intent) 34 | } 35 | 36 | eh.setOnClickListener { 37 | val intent = 38 | Intent(this@MainActivity, HorizontalEcommorceItemExampleActivity::class.java) 39 | startActivity(intent) 40 | } 41 | 42 | ev.setOnClickListener { 43 | val intent = Intent(this@MainActivity, VerticalEcommorceItemExampleActivity::class.java) 44 | startActivity(intent) 45 | } 46 | 47 | oh.setOnClickListener { 48 | val intent = Intent(this@MainActivity, HorizontalOverlapExampleActivity::class.java) 49 | startActivity(intent) 50 | } 51 | 52 | ov.setOnClickListener { 53 | val intent = Intent(this@MainActivity, VerticalOverlapExampleActivity::class.java) 54 | startActivity(intent) 55 | } 56 | 57 | ih.setOnClickListener { 58 | val intent = Intent(this@MainActivity, HorizontalImageViewerExampleActivity::class.java) 59 | startActivity(intent) 60 | } 61 | 62 | iv.setOnClickListener { 63 | val intent = Intent(this@MainActivity, VerticalImageViewerExampleActivity::class.java) 64 | startActivity(intent) 65 | } 66 | 67 | } 68 | } 69 | 70 | fun View.spring(property: DynamicAnimation.ViewProperty, value: Float) { 71 | val anim = SpringAnimation(this, property) 72 | val springForce = SpringForce() 73 | springForce.dampingRatio = SpringForce.DAMPING_RATIO_MEDIUM_BOUNCY 74 | springForce.stiffness = SpringForce.STIFFNESS_LOW 75 | anim.spring = springForce 76 | anim.animateToFinalPosition(value) 77 | } 78 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/RecyclerPagerAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example 2 | 3 | import android.view.LayoutInflater 4 | import android.view.View 5 | import android.view.ViewGroup 6 | import android.widget.ImageView 7 | import androidx.core.content.ContextCompat 8 | import androidx.recyclerview.widget.RecyclerView 9 | 10 | class RecyclerPagerAdapter : RecyclerView.Adapter() { 11 | 12 | override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerViewHolder { 13 | val view = LayoutInflater.from(parent.context) 14 | .inflate(viewType, parent, false) 15 | return RecyclerViewHolder(view) 16 | } 17 | 18 | override fun getItemCount(): Int = 10 19 | 20 | override fun getItemViewType(position: Int): Int { 21 | return R.layout.square_view 22 | } 23 | 24 | override fun onBindViewHolder(holder: RecyclerViewHolder, position: Int) { 25 | holder.bind(position) 26 | } 27 | 28 | inner class RecyclerViewHolder(val item: View) : RecyclerView.ViewHolder(item) { 29 | 30 | fun bind(position: Int) { 31 | val image = item.findViewById(R.id.image) 32 | 33 | when { 34 | position % 4 == 0 -> { 35 | image.setImageDrawable( 36 | ContextCompat.getDrawable( 37 | image.context, 38 | R.drawable.building5 39 | ) 40 | ) 41 | } 42 | position % 3 == 0 -> { 43 | image.setImageDrawable( 44 | ContextCompat.getDrawable( 45 | image.context, 46 | R.drawable.building4 47 | ) 48 | ) 49 | } 50 | position % 2 == 0 -> { 51 | image.setImageDrawable( 52 | ContextCompat.getDrawable( 53 | image.context, 54 | R.drawable.building3 55 | ) 56 | ) 57 | } 58 | position % 1 == 0 -> { 59 | image.setImageDrawable( 60 | ContextCompat.getDrawable( 61 | image.context, 62 | R.drawable.building2 63 | ) 64 | ) 65 | } 66 | else -> { 67 | image.setImageDrawable( 68 | ContextCompat.getDrawable( 69 | image.context, 70 | R.drawable.building1 71 | ) 72 | ) 73 | } 74 | } 75 | } 76 | 77 | } 78 | 79 | } -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/ViewPagerAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example 2 | 3 | import androidx.fragment.app.Fragment 4 | import androidx.fragment.app.FragmentActivity 5 | import androidx.viewpager2.adapter.FragmentStateAdapter 6 | 7 | class ViewPagerAdapter(activity: FragmentActivity) : FragmentStateAdapter(activity) { 8 | 9 | override fun getItemCount(): Int { 10 | return 5 11 | } 12 | 13 | override fun createFragment(position: Int): Fragment { 14 | return BasicFragment.newInstance() 15 | } 16 | } -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/ecommerce/EcommercePagerAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.ecommerce 2 | 3 | import android.view.LayoutInflater 4 | import android.view.View 5 | import android.view.ViewGroup 6 | import android.widget.ImageView 7 | import androidx.core.content.ContextCompat 8 | import androidx.recyclerview.widget.RecyclerView 9 | import com.saeed.finiteflow.example.R 10 | 11 | class EcommercePagerAdapter : RecyclerView.Adapter() { 12 | 13 | override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerViewHolder { 14 | val view = LayoutInflater.from(parent.context) 15 | .inflate(viewType, parent, false) 16 | return RecyclerViewHolder(view) 17 | } 18 | 19 | override fun getItemCount(): Int = 10 20 | 21 | override fun getItemViewType(position: Int): Int { 22 | return R.layout.circle_view 23 | } 24 | 25 | override fun onBindViewHolder(holder: RecyclerViewHolder, position: Int) { 26 | holder.bind(position) 27 | } 28 | 29 | inner class RecyclerViewHolder(val item: View) : RecyclerView.ViewHolder(item) { 30 | 31 | fun bind(position: Int) { 32 | val image = item.findViewById(R.id.image) 33 | 34 | when { 35 | position % 4 == 0 -> { 36 | image.setImageDrawable( 37 | ContextCompat.getDrawable( 38 | image.context, 39 | R.drawable.watch_4 40 | ) 41 | ) 42 | } 43 | position % 3 == 0 -> { 44 | image.setImageDrawable( 45 | ContextCompat.getDrawable( 46 | image.context, 47 | R.drawable.watch_3 48 | ) 49 | ) 50 | } 51 | position % 2 == 0 -> { 52 | image.setImageDrawable( 53 | ContextCompat.getDrawable( 54 | image.context, 55 | R.drawable.watch_2 56 | ) 57 | ) 58 | } 59 | position % 1 == 0 -> { 60 | image.setImageDrawable( 61 | ContextCompat.getDrawable( 62 | image.context, 63 | R.drawable.watch_1 64 | ) 65 | ) 66 | } 67 | else -> { 68 | image.setImageDrawable( 69 | ContextCompat.getDrawable( 70 | image.context, 71 | R.drawable.watch_4 72 | ) 73 | ) 74 | } 75 | } 76 | } 77 | 78 | } 79 | 80 | } -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/ecommerce/HorizontalEcommorceItemExampleActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.ecommerce 2 | 3 | import android.os.Bundle 4 | import androidx.appcompat.app.AppCompatActivity 5 | import androidx.dynamicanimation.animation.DynamicAnimation 6 | import androidx.viewpager2.widget.ViewPager2 7 | import com.saeed.finiteflow.example.R 8 | import com.saeed.finiteflow.example.spring 9 | import com.saeed.finiteflow.lib.toPx 10 | import kotlinx.android.synthetic.main.activity_horizontal_ecommerce_example.* 11 | import kotlinx.android.synthetic.main.activity_horizontal_overlap_example.title_text_view 12 | import kotlinx.android.synthetic.main.activity_horizontal_overlap_example.view_pager 13 | 14 | class HorizontalEcommorceItemExampleActivity : AppCompatActivity() { 15 | 16 | private var animationStartNeeded = true 17 | 18 | private val recyclerPagerAdapter: EcommercePagerAdapter by lazy { 19 | EcommercePagerAdapter() 20 | } 21 | 22 | override fun onCreate(savedInstanceState: Bundle?) { 23 | super.onCreate(savedInstanceState) 24 | setContentView(R.layout.activity_horizontal_ecommerce_example) 25 | 26 | view_pager.adapter = recyclerPagerAdapter 27 | view_pager.offscreenPageLimit = 4 28 | 29 | title_text_view.text = "Watch 0" 30 | 31 | pager_container.setSimpleSlider( 32 | unSelectedItemRotation = 0f, 33 | unSelectedItemAlpha = 0.2f, 34 | minScale = 0.5f 35 | ) 36 | 37 | var targetPosition = 0f 38 | var targetAlpha = 1f 39 | view_pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() { 40 | 41 | override fun onPageScrollStateChanged(state: Int) { 42 | 43 | when (state) { 44 | ViewPager2.SCROLL_STATE_IDLE -> { 45 | animationStartNeeded = true 46 | targetPosition = 0f 47 | targetAlpha = 1f 48 | } 49 | else -> { 50 | if (animationStartNeeded) { 51 | animationStartNeeded = false 52 | targetPosition = 20.toPx().toFloat() 53 | targetAlpha = 0f 54 | } 55 | } 56 | } 57 | 58 | title_text_view.spring(DynamicAnimation.TRANSLATION_Y, targetPosition) 59 | title_text_view.spring(DynamicAnimation.ALPHA, targetAlpha) 60 | super.onPageScrollStateChanged(state) 61 | } 62 | 63 | override fun onPageSelected(position: Int) { 64 | title_text_view.text = "Watch $position" 65 | super.onPageSelected(position) 66 | } 67 | }) 68 | 69 | var isTransitionToEnd = false 70 | button.setOnClickListener { 71 | if (!isTransitionToEnd) { 72 | isTransitionToEnd = true 73 | motion_layout.transitionToEnd() 74 | } else { 75 | isTransitionToEnd = false 76 | motion_layout.transitionToStart() 77 | } 78 | } 79 | } 80 | 81 | } 82 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/ecommerce/VerticalEcommorceItemExampleActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.ecommerce 2 | 3 | import android.os.Bundle 4 | import androidx.appcompat.app.AppCompatActivity 5 | import androidx.dynamicanimation.animation.DynamicAnimation 6 | import androidx.viewpager2.widget.ViewPager2 7 | import com.saeed.finiteflow.example.R 8 | import com.saeed.finiteflow.example.spring 9 | import com.saeed.finiteflow.lib.toPx 10 | import kotlinx.android.synthetic.main.activity_vertical_ecommerce_example.* 11 | 12 | class VerticalEcommorceItemExampleActivity : AppCompatActivity() { 13 | 14 | private var animationStartNeeded = true 15 | 16 | private val recyclerPagerAdapter: EcommercePagerAdapter by lazy { 17 | EcommercePagerAdapter() 18 | } 19 | 20 | override fun onCreate(savedInstanceState: Bundle?) { 21 | super.onCreate(savedInstanceState) 22 | setContentView(R.layout.activity_vertical_ecommerce_example) 23 | 24 | view_pager.adapter = recyclerPagerAdapter 25 | view_pager.offscreenPageLimit = 4 26 | 27 | title_text_view.text = "Watch 0" 28 | 29 | pager_container.setSimpleSlider( 30 | unSelectedItemRotation = 0f, 31 | unSelectedItemAlpha = 0.2f, 32 | minScale = 0.5f 33 | ) 34 | 35 | var targetPosition = 0f 36 | var targetAlpha = 1f 37 | view_pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() { 38 | 39 | override fun onPageScrollStateChanged(state: Int) { 40 | 41 | when (state) { 42 | ViewPager2.SCROLL_STATE_IDLE -> { 43 | animationStartNeeded = true 44 | targetPosition = 0f 45 | targetAlpha = 1f 46 | } 47 | else -> { 48 | if (animationStartNeeded) { 49 | animationStartNeeded = false 50 | targetPosition = 20.toPx().toFloat() 51 | targetAlpha = 0f 52 | } 53 | } 54 | } 55 | 56 | title_text_view.spring(DynamicAnimation.TRANSLATION_Y, targetPosition) 57 | title_text_view.spring(DynamicAnimation.ALPHA, targetAlpha) 58 | super.onPageScrollStateChanged(state) 59 | } 60 | 61 | override fun onPageSelected(position: Int) { 62 | title_text_view.text = "Watch $position" 63 | super.onPageSelected(position) 64 | } 65 | }) 66 | 67 | var isTransitionToEnd = false 68 | button.setOnClickListener { 69 | if (!isTransitionToEnd) { 70 | isTransitionToEnd = true 71 | motion_layout.transitionToEnd() 72 | } else { 73 | isTransitionToEnd = false 74 | motion_layout.transitionToStart() 75 | } 76 | } 77 | } 78 | 79 | } 80 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/floatingheader/FloatingHeaderActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.floatingheader 2 | 3 | import androidx.appcompat.app.AppCompatActivity 4 | import android.os.Bundle 5 | import com.saeed.finiteflow.example.R 6 | import kotlinx.android.synthetic.main.activity_floating_header.* 7 | 8 | class FloatingHeaderActivity : AppCompatActivity() { 9 | 10 | private val recyclerPagerAdapter: FloatingPagerAdapter by lazy { 11 | FloatingPagerAdapter() 12 | } 13 | 14 | override fun onCreate(savedInstanceState: Bundle?) { 15 | super.onCreate(savedInstanceState) 16 | setContentView(R.layout.activity_floating_header) 17 | 18 | view_pager.adapter = recyclerPagerAdapter 19 | view_pager.offscreenPageLimit = 4 20 | 21 | // pager_container.setHeaderFloatSlider() 22 | 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/floatingheader/FloatingPagerAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.floatingheader 2 | 3 | import android.view.LayoutInflater 4 | import android.view.View 5 | import android.view.ViewGroup 6 | import android.widget.ImageView 7 | import androidx.core.content.ContextCompat 8 | import androidx.recyclerview.widget.RecyclerView 9 | import com.saeed.finiteflow.example.R 10 | 11 | class FloatingPagerAdapter : RecyclerView.Adapter() { 12 | 13 | override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerViewHolder { 14 | val view = LayoutInflater.from(parent.context) 15 | .inflate(viewType, parent, false) 16 | return RecyclerViewHolder(view) 17 | } 18 | 19 | override fun getItemCount(): Int = 10 20 | 21 | override fun getItemViewType(position: Int): Int { 22 | if(position == 0) { 23 | return R.layout.header_view 24 | } 25 | return R.layout.square_view 26 | } 27 | 28 | override fun onBindViewHolder(holder: RecyclerViewHolder, position: Int) { 29 | holder.bind(position) 30 | } 31 | 32 | inner class RecyclerViewHolder(val item: View) : RecyclerView.ViewHolder(item) { 33 | 34 | fun bind(position: Int) { 35 | val image = item.findViewById(R.id.image) 36 | 37 | when { 38 | position == 0 -> { 39 | 40 | } 41 | position % 4 == 0 -> { 42 | image.setImageDrawable( 43 | ContextCompat.getDrawable( 44 | image.context, 45 | R.drawable.watch_4 46 | ) 47 | ) 48 | } 49 | position % 3 == 0 -> { 50 | image.setImageDrawable( 51 | ContextCompat.getDrawable( 52 | image.context, 53 | R.drawable.watch_3 54 | ) 55 | ) 56 | } 57 | position % 2 == 0 -> { 58 | image.setImageDrawable( 59 | ContextCompat.getDrawable( 60 | image.context, 61 | R.drawable.watch_2 62 | ) 63 | ) 64 | } 65 | position % 1 == 0 -> { 66 | image.setImageDrawable( 67 | ContextCompat.getDrawable( 68 | image.context, 69 | R.drawable.watch_1 70 | ) 71 | ) 72 | } 73 | else -> { 74 | image.setImageDrawable( 75 | ContextCompat.getDrawable( 76 | image.context, 77 | R.drawable.watch_4 78 | ) 79 | ) 80 | } 81 | } 82 | } 83 | 84 | } 85 | 86 | } -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/fullscreenslider/FullScreenActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.fullscreenslider 2 | 3 | import android.os.Bundle 4 | import androidx.appcompat.app.AppCompatActivity 5 | import com.saeed.finiteflow.example.R 6 | import com.saeed.finiteflow.example.RecyclerPagerAdapter 7 | import kotlinx.android.synthetic.main.activity_full_screen.* 8 | 9 | class FullScreenActivity : AppCompatActivity() { 10 | 11 | private val recyclerPagerAdapter: RecyclerPagerAdapter by lazy { 12 | RecyclerPagerAdapter() 13 | } 14 | 15 | override fun onCreate(savedInstanceState: Bundle?) { 16 | super.onCreate(savedInstanceState) 17 | setContentView(R.layout.activity_full_screen) 18 | 19 | pager_container.getViewPager().adapter = recyclerPagerAdapter 20 | 21 | pager_container.setStackSlider( 22 | behindScale = 0.7f, 23 | behindAlpha = 0f 24 | ) 25 | } 26 | 27 | } 28 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/infinitepagerexample/CrouselPagerAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.infinitepagerexample 2 | 3 | import android.view.LayoutInflater 4 | import android.view.View 5 | import android.view.ViewGroup 6 | import android.widget.ImageView 7 | import androidx.core.content.ContextCompat 8 | import androidx.recyclerview.widget.RecyclerView 9 | import com.saeed.finiteflow.example.R 10 | 11 | class CrouselPagerAdapter() : RecyclerView.Adapter() { 12 | 13 | private var list: MutableList = mutableListOf() 14 | 15 | override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerViewHolder { 16 | val view = LayoutInflater.from(parent.context) 17 | .inflate(viewType, parent, false) 18 | return RecyclerViewHolder(view) 19 | } 20 | 21 | fun setItems(list: MutableList){ 22 | this.list = list 23 | notifyDataSetChanged() 24 | } 25 | 26 | fun addItems(list:MutableList) { 27 | this.list.addAll(list) 28 | notifyDataSetChanged() 29 | } 30 | 31 | override fun getItemCount(): Int = list.count() 32 | 33 | override fun getItemViewType(position: Int): Int { 34 | return R.layout.circle_view 35 | } 36 | 37 | override fun onBindViewHolder(holder: RecyclerViewHolder, position: Int) { 38 | holder.bind(position) 39 | } 40 | 41 | inner class RecyclerViewHolder(val item: View) : RecyclerView.ViewHolder(item) { 42 | 43 | fun bind(position: Int) { 44 | val image = item.findViewById(R.id.image) 45 | 46 | when { 47 | position % 4 == 0 -> { 48 | image.setImageDrawable( 49 | ContextCompat.getDrawable( 50 | image.context, 51 | R.drawable.watch_4 52 | ) 53 | ) 54 | } 55 | position % 3 == 0 -> { 56 | image.setImageDrawable( 57 | ContextCompat.getDrawable( 58 | image.context, 59 | R.drawable.watch_3 60 | ) 61 | ) 62 | } 63 | position % 2 == 0 -> { 64 | image.setImageDrawable( 65 | ContextCompat.getDrawable( 66 | image.context, 67 | R.drawable.watch_2 68 | ) 69 | ) 70 | } 71 | position % 1 == 0 -> { 72 | image.setImageDrawable( 73 | ContextCompat.getDrawable( 74 | image.context, 75 | R.drawable.watch_1 76 | ) 77 | ) 78 | } 79 | else -> { 80 | image.setImageDrawable( 81 | ContextCompat.getDrawable( 82 | image.context, 83 | R.drawable.watch_4 84 | ) 85 | ) 86 | } 87 | } 88 | } 89 | 90 | } 91 | } -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/infinitepagerexample/InfiniteHorizontalCrouselExampleActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.infinitepagerexample 2 | 3 | import android.os.Bundle 4 | import androidx.appcompat.app.AppCompatActivity 5 | import androidx.dynamicanimation.animation.DynamicAnimation 6 | import androidx.viewpager2.widget.ViewPager2 7 | import com.saeed.finiteflow.example.R 8 | import com.saeed.finiteflow.example.spring 9 | import com.saeed.finiteflow.lib.toPx 10 | import kotlinx.android.synthetic.main.activity_horizontal_ecommerce_example.* 11 | 12 | class InfiniteHorizontalCrouselExampleActivity : AppCompatActivity() { 13 | 14 | private var animationStartNeeded = true 15 | 16 | private val recyclerPagerAdapter: CrouselPagerAdapter by lazy { 17 | CrouselPagerAdapter() 18 | } 19 | 20 | private val THRESHOLD_TO_LOAD_MORE = 3 21 | private val singlePageSize = 10 22 | private var nextLoadMore = singlePageSize - THRESHOLD_TO_LOAD_MORE 23 | 24 | override fun onCreate(savedInstanceState: Bundle?) { 25 | super.onCreate(savedInstanceState) 26 | setContentView(R.layout.activity_horizontal_ecommerce_example) 27 | 28 | view_pager.adapter = recyclerPagerAdapter 29 | view_pager.offscreenPageLimit = 4 30 | 31 | title_text_view.text = "Watch 0" 32 | 33 | pager_container.setSimpleSlider( 34 | unSelectedItemRotation = 0f, 35 | unSelectedItemAlpha = 0.2f, 36 | minScale = 0.5f 37 | ) 38 | 39 | loadItems() 40 | 41 | var targetPosition = 0f 42 | var targetAlpha = 1f 43 | view_pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() { 44 | 45 | override fun onPageScrollStateChanged(state: Int) { 46 | 47 | when (state) { 48 | ViewPager2.SCROLL_STATE_IDLE -> { 49 | animationStartNeeded = true 50 | targetPosition = 0f 51 | targetAlpha = 1f 52 | } 53 | else -> { 54 | if (animationStartNeeded) { 55 | animationStartNeeded = false 56 | targetPosition = 20.toPx().toFloat() 57 | targetAlpha = 0f 58 | } 59 | } 60 | } 61 | 62 | title_text_view.spring(DynamicAnimation.TRANSLATION_Y, targetPosition) 63 | title_text_view.spring(DynamicAnimation.ALPHA, targetAlpha) 64 | super.onPageScrollStateChanged(state) 65 | } 66 | 67 | override fun onPageSelected(position: Int) { 68 | title_text_view.text = "Watch $position" 69 | if(nextLoadMore <= position +1) { 70 | nextLoadMore += singlePageSize 71 | loadMoreItems() 72 | } 73 | super.onPageSelected(position) 74 | } 75 | }) 76 | 77 | var isTransitionToEnd = false 78 | button.setOnClickListener { 79 | if (!isTransitionToEnd) { 80 | isTransitionToEnd = true 81 | motion_layout.transitionToEnd() 82 | } else { 83 | isTransitionToEnd = false 84 | motion_layout.transitionToStart() 85 | } 86 | } 87 | } 88 | 89 | fun loadItems() { 90 | recyclerPagerAdapter.setItems(mutableListOf(0, 1, 2, 3, 4, 5, 6, 7, 8, 9)) 91 | } 92 | 93 | fun loadMoreItems() { 94 | recyclerPagerAdapter.addItems(mutableListOf(0, 1, 2, 3, 4, 5, 6, 7, 8, 9)) 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/overlapslider/HorizontalOverlapExampleActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.overlapslider 2 | 3 | import android.os.Bundle 4 | import androidx.appcompat.app.AppCompatActivity 5 | import androidx.dynamicanimation.animation.DynamicAnimation 6 | import androidx.viewpager2.widget.ViewPager2 7 | import com.saeed.finiteflow.example.R 8 | import com.saeed.finiteflow.example.RecyclerPagerAdapter 9 | import com.saeed.finiteflow.example.spring 10 | import com.saeed.finiteflow.lib.toPx 11 | import kotlinx.android.synthetic.main.activity_horizontal_overlap_example.* 12 | 13 | class HorizontalOverlapExampleActivity : AppCompatActivity() { 14 | 15 | private var animationStartNeeded = true 16 | 17 | private val recyclerPagerAdapter: RecyclerPagerAdapter by lazy { 18 | RecyclerPagerAdapter() 19 | } 20 | 21 | override fun onCreate(savedInstanceState: Bundle?) { 22 | super.onCreate(savedInstanceState) 23 | setContentView(R.layout.activity_horizontal_overlap_example) 24 | 25 | view_pager.adapter = recyclerPagerAdapter 26 | view_pager.offscreenPageLimit = 4 27 | 28 | title_text_view.text = "Title 0" 29 | 30 | pager_container.setOverlapSlider( 31 | unSelectedItemRotation = 0f, 32 | unSelectedItemAlpha = 0f, 33 | minScale = 0.2f, 34 | itemGap = 0f 35 | ) 36 | 37 | var targetPosition = 0f 38 | var targetAlpha = 1f 39 | view_pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() { 40 | 41 | override fun onPageScrollStateChanged(state: Int) { 42 | 43 | when (state) { 44 | ViewPager2.SCROLL_STATE_IDLE -> { 45 | animationStartNeeded = true 46 | targetPosition = 0f 47 | targetAlpha = 1f 48 | } 49 | else -> { 50 | if (animationStartNeeded) { 51 | animationStartNeeded = false 52 | targetPosition = 20.toPx().toFloat() 53 | targetAlpha = 0f 54 | } 55 | } 56 | } 57 | 58 | title_text_view.spring(DynamicAnimation.TRANSLATION_Y, targetPosition) 59 | title_text_view.spring(DynamicAnimation.ALPHA, targetAlpha) 60 | super.onPageScrollStateChanged(state) 61 | } 62 | 63 | override fun onPageSelected(position: Int) { 64 | title_text_view.text = "Title $position" 65 | super.onPageSelected(position) 66 | } 67 | }) 68 | } 69 | 70 | } 71 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/overlapslider/VerticalOverlapExampleActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.overlapslider 2 | 3 | import android.os.Bundle 4 | import androidx.appcompat.app.AppCompatActivity 5 | import androidx.dynamicanimation.animation.DynamicAnimation 6 | import androidx.viewpager2.widget.ViewPager2 7 | import com.saeed.finiteflow.example.R 8 | import com.saeed.finiteflow.example.RecyclerPagerAdapter 9 | import com.saeed.finiteflow.example.spring 10 | import com.saeed.finiteflow.lib.toPx 11 | import kotlinx.android.synthetic.main.activity_vertical_overlap_example.* 12 | 13 | class VerticalOverlapExampleActivity : AppCompatActivity() { 14 | 15 | private var animationStartNeeded = true 16 | 17 | private val recyclerPagerAdapter: RecyclerPagerAdapter by lazy { 18 | RecyclerPagerAdapter() 19 | } 20 | 21 | override fun onCreate(savedInstanceState: Bundle?) { 22 | super.onCreate(savedInstanceState) 23 | setContentView(R.layout.activity_vertical_overlap_example) 24 | 25 | view_pager.adapter = recyclerPagerAdapter 26 | view_pager.offscreenPageLimit = 4 27 | 28 | title_text_view.text = "Title 0" 29 | 30 | pager_container.setOverlapSlider( 31 | unSelectedItemRotation = 0f, 32 | unSelectedItemAlpha = 0f, 33 | minScale = 0.2f, 34 | itemGap = 0f 35 | ) 36 | 37 | var targetPosition = 0f 38 | var targetAlpha = 1f 39 | view_pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() { 40 | 41 | override fun onPageScrollStateChanged(state: Int) { 42 | 43 | when (state) { 44 | ViewPager2.SCROLL_STATE_IDLE -> { 45 | animationStartNeeded = true 46 | targetPosition = 0f 47 | targetAlpha = 1f 48 | } 49 | else -> { 50 | if (animationStartNeeded) { 51 | animationStartNeeded = false 52 | targetPosition = -20.toPx().toFloat() 53 | targetAlpha = 0f 54 | } 55 | } 56 | } 57 | 58 | title_text_view.spring(DynamicAnimation.TRANSLATION_X, targetPosition) 59 | title_text_view.spring(DynamicAnimation.ALPHA, targetAlpha) 60 | super.onPageScrollStateChanged(state) 61 | } 62 | 63 | override fun onPageSelected(position: Int) { 64 | title_text_view.text = "Title $position" 65 | super.onPageSelected(position) 66 | } 67 | }) 68 | } 69 | 70 | } 71 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/simplecrousel/HorizontalImageViewerExampleActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.simplecrousel 2 | 3 | import android.os.Bundle 4 | import androidx.appcompat.app.AppCompatActivity 5 | import androidx.core.content.ContextCompat 6 | import androidx.viewpager2.widget.ViewPager2 7 | import com.saeed.finiteflow.example.R 8 | import kotlinx.android.synthetic.main.activity_horizontal_image_viewer_example.* 9 | 10 | class HorizontalImageViewerExampleActivity : AppCompatActivity() { 11 | 12 | private lateinit var recyclerPagerAdapter: ImageSliderPagerAdapter 13 | 14 | override fun onCreate(savedInstanceState: Bundle?) { 15 | super.onCreate(savedInstanceState) 16 | setContentView(R.layout.activity_horizontal_image_viewer_example) 17 | 18 | recyclerPagerAdapter = ImageSliderPagerAdapter(onClick = { 19 | imageView.setImageDrawable( 20 | ContextCompat.getDrawable( 21 | this@HorizontalImageViewerExampleActivity, 22 | it 23 | ) 24 | ) 25 | }) 26 | 27 | view_pager.adapter = recyclerPagerAdapter 28 | view_pager.offscreenPageLimit = 4 29 | 30 | image_left.setOnClickListener { 31 | if (view_pager.currentItem > 0) { 32 | view_pager.currentItem-- 33 | } 34 | } 35 | 36 | image_right.setOnClickListener { 37 | if (view_pager.currentItem < recyclerPagerAdapter.itemCount) { 38 | view_pager.currentItem++ 39 | } 40 | } 41 | 42 | pager_container.setSimpleSlider( 43 | unSelectedItemRotation = 0f, 44 | unSelectedItemAlpha = 0.5f, 45 | minScale = 0.8f 46 | ) 47 | 48 | view_pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() { 49 | 50 | override fun onPageSelected(position: Int) { 51 | super.onPageSelected(position) 52 | val resId = when { 53 | position % 4 == 0 -> { 54 | R.drawable.watch_4 55 | } 56 | position % 3 == 0 -> { 57 | 58 | R.drawable.watch_3 59 | } 60 | position % 2 == 0 -> { 61 | R.drawable.watch_2 62 | } 63 | position % 1 == 0 -> { 64 | R.drawable.watch_1 65 | } 66 | else -> { 67 | 68 | R.drawable.watch_4 69 | } 70 | } 71 | imageView.setImageDrawable( 72 | ContextCompat.getDrawable( 73 | this@HorizontalImageViewerExampleActivity, 74 | resId 75 | ) 76 | ) 77 | } 78 | }) 79 | 80 | } 81 | 82 | } 83 | -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/simplecrousel/ImageSliderPagerAdapter.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.simplecrousel 2 | 3 | import android.view.LayoutInflater 4 | import android.view.View 5 | import android.view.ViewGroup 6 | import android.widget.ImageView 7 | import androidx.core.content.ContextCompat 8 | import androidx.recyclerview.widget.RecyclerView 9 | import com.saeed.finiteflow.example.R 10 | 11 | class ImageSliderPagerAdapter( 12 | val onClick: (resId: Int) -> Unit 13 | ) : RecyclerView.Adapter() { 14 | 15 | override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerViewHolder { 16 | val view = LayoutInflater.from(parent.context) 17 | .inflate(viewType, parent, false) 18 | return RecyclerViewHolder(view, onClick) 19 | } 20 | 21 | override fun getItemCount(): Int = 10 22 | 23 | override fun getItemViewType(position: Int): Int { 24 | return R.layout.square_view 25 | } 26 | 27 | override fun onBindViewHolder(holder: RecyclerViewHolder, position: Int) { 28 | holder.bind(position) 29 | } 30 | 31 | inner class RecyclerViewHolder( 32 | val item: View, 33 | val onClick: (resId: Int) -> Unit 34 | ) : RecyclerView.ViewHolder(item) { 35 | 36 | fun bind(position: Int) { 37 | val image = item.findViewById(R.id.image) 38 | 39 | val resId = when { 40 | position % 4 == 0 -> { 41 | R.drawable.watch_4 42 | } 43 | position % 3 == 0 -> { 44 | 45 | R.drawable.watch_3 46 | } 47 | position % 2 == 0 -> { 48 | R.drawable.watch_2 49 | } 50 | position % 1 == 0 -> { 51 | R.drawable.watch_1 52 | } 53 | else -> { 54 | 55 | R.drawable.watch_4 56 | } 57 | } 58 | image.setImageDrawable( 59 | ContextCompat.getDrawable( 60 | image.context, 61 | resId 62 | ) 63 | ) 64 | 65 | image.setOnClickListener { 66 | onClick(resId) 67 | } 68 | } 69 | 70 | } 71 | 72 | } -------------------------------------------------------------------------------- /app/src/main/java/com/saeed/finiteflow/example/simplecrousel/VerticalImageViewerExampleActivity.kt: -------------------------------------------------------------------------------- 1 | package com.saeed.finiteflow.example.simplecrousel 2 | 3 | import android.os.Bundle 4 | import androidx.appcompat.app.AppCompatActivity 5 | import androidx.core.content.ContextCompat 6 | import androidx.viewpager2.widget.ViewPager2 7 | import com.saeed.finiteflow.example.R 8 | import kotlinx.android.synthetic.main.activity_vertical_ecommerce_example.pager_container 9 | import kotlinx.android.synthetic.main.activity_vertical_ecommerce_example.view_pager 10 | import kotlinx.android.synthetic.main.activity_vertical_image_viewer_example.* 11 | 12 | class VerticalImageViewerExampleActivity : AppCompatActivity() { 13 | 14 | private lateinit var recyclerPagerAdapter: ImageSliderPagerAdapter 15 | 16 | override fun onCreate(savedInstanceState: Bundle?) { 17 | super.onCreate(savedInstanceState) 18 | setContentView(R.layout.activity_vertical_image_viewer_example) 19 | 20 | recyclerPagerAdapter = ImageSliderPagerAdapter(onClick = { 21 | imageView.setImageDrawable( 22 | ContextCompat.getDrawable( 23 | this@VerticalImageViewerExampleActivity, 24 | it 25 | ) 26 | ) 27 | }) 28 | 29 | view_pager.adapter = recyclerPagerAdapter 30 | view_pager.offscreenPageLimit = 4 31 | 32 | pager_container.setSimpleSlider( 33 | unSelectedItemRotation = 0f, 34 | unSelectedItemAlpha = 0.2f, 35 | minScale = 0.5f 36 | ) 37 | 38 | view_pager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() { 39 | 40 | override fun onPageSelected(position: Int) { 41 | super.onPageSelected(position) 42 | val resId = when { 43 | position % 4 == 0 -> { 44 | R.drawable.watch_4 45 | } 46 | position % 3 == 0 -> { 47 | 48 | R.drawable.watch_3 49 | } 50 | position % 2 == 0 -> { 51 | R.drawable.watch_2 52 | } 53 | position % 1 == 0 -> { 54 | R.drawable.watch_1 55 | } 56 | else -> { 57 | R.drawable.watch_4 58 | } 59 | } 60 | imageView.setImageDrawable( 61 | ContextCompat.getDrawable( 62 | this@VerticalImageViewerExampleActivity, 63 | resId 64 | ) 65 | ) 66 | } 67 | }) 68 | 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /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/building1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/building1.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/building2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/building2.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/building3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/building3.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/building4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/building4.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/building5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/building5.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/button_bg.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 7 | 8 | 11 | 12 | 14 | 15 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/circle_drawable.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 10 | 11 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_chevron_left_black_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_chevron_right_black_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_launcher_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 | 105 | 110 | 115 | 120 | 125 | 130 | 135 | 140 | 145 | 150 | 155 | 160 | 165 | 170 | 171 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/watch_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/watch_1.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/watch_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/watch_2.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/watch_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/watch_3.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/watch_4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KoderLabs/finite-cover-flow/876db66cbaf2b5b18c098809c306038f38228374/app/src/main/res/drawable/watch_4.jpg -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_floating_header.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 10 | 21 | 22 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_full_screen.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 20 | 21 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_horizontal_ecommerce_example.xml: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 22 | 23 | 24 | 35 | 36 | 42 | 43 | 44 | 45 | 55 | 56 | 73 | 74 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_horizontal_image_viewer_example.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | 24 | 25 | 35 | 36 | 37 | 38 | 39 | 40 | 51 | 52 | 57 | 58 | 59 | 60 | 72 | 73 | 85 | 86 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_horizontal_overlap_example.xml: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 | 12 | 23 | 24 | 30 | 31 | 32 | 33 | 43 | 44 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 10 | 11 |