├── .gitignore ├── .idea ├── assetWizardSettings.xml ├── caches │ └── build_file_checksums.ser ├── codeStyles │ └── Project.xml ├── gradle.xml ├── misc.xml ├── runConfigurations.xml └── vcs.xml ├── LICENSE ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── temidayoadefioye │ │ └── storyboardlibrary │ │ └── ExampleInstrumentedTest.kt │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── temidayoadefioye │ │ │ └── storyboardlibrary │ │ │ ├── CircleTransform.java │ │ │ └── MainActivity.kt │ └── res │ │ ├── drawable-v24 │ │ └── ic_launcher_foreground.xml │ │ ├── drawable │ │ ├── ic_add_circle_black_24dp.xml │ │ ├── ic_arrow_back_black_24dp.xml │ │ ├── ic_launcher_background.xml │ │ ├── opacity_bg.png │ │ ├── sample1.png │ │ ├── sample2.png │ │ ├── sample3.jpg │ │ ├── sample4.jpg │ │ ├── smsicon.jpeg │ │ ├── white_background.xml │ │ └── white_radius.xml │ │ ├── font │ │ ├── gotham.xml │ │ ├── gotham_bold_regular.ttf │ │ ├── gotham_book.otf │ │ ├── gotham_book_font.xml │ │ └── gotham_bookitalic.otf │ │ ├── layout │ │ └── activity_main.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 │ └── temidayoadefioye │ └── storyboardlibrary │ └── ExampleUnitTest.kt ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── screenshots ├── Screenshot_1532004717.png ├── Screenshot_1532004720.png ├── Screenshot_1532004726.png └── storyboard.gif ├── settings.gradle └── storyboard ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src ├── androidTest └── java │ └── com │ └── temidayoadefioye │ └── storyboard │ └── ExampleInstrumentedTest.java ├── main ├── AndroidManifest.xml ├── java │ └── com │ │ └── temidayoadefioye │ │ └── storyboard │ │ ├── CustomPauseProgressBar.kt │ │ └── StoryBoardProgressView.kt └── res │ ├── layout │ └── progress_pause.xml │ └── values │ ├── attrs.xml │ ├── colors.xml │ └── strings.xml └── test └── java └── com └── temidayoadefioye └── storyboard └── ExampleUnitTest.java /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/libraries 5 | /.idea/modules.xml 6 | /.idea/workspace.xml 7 | .DS_Store 8 | /build 9 | /captures 10 | .externalNativeBuild 11 | -------------------------------------------------------------------------------- /.idea/assetWizardSettings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 46 | 47 | -------------------------------------------------------------------------------- /.idea/caches/build_file_checksums.ser: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/.idea/caches/build_file_checksums.ser -------------------------------------------------------------------------------- /.idea/codeStyles/Project.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 15 | 16 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 19 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 27 | 28 | 29 | 30 | 31 | 32 | 34 | -------------------------------------------------------------------------------- /.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 | 2 | # Storyboard Library 3 | A simple library to display images in story form. Just like whatsapp status story. 4 | ## Quick Set Up 5 | * Clone the Repository from Github 6 | * Open the project folder using Android Studio IDE 7 | * To download apk use this link https://github.com/Temidtech/StoryBoardLibrary/tree/master/apk 8 | 9 | 10 | 11 | 12 | 13 | ## Language 14 | 15 | Kotlin Language 16 | 17 | ## Dependency 18 | 19 | ``` Groovy 20 | Add it in your root build.gradle at the end of repositories: 21 | 22 | allprojects { 23 | repositories { 24 | ... 25 | maven { url 'https://jitpack.io' } 26 | } 27 | } 28 | ... 29 | Add this dependency: 30 | 31 | dependencies { 32 | implementation 'com.github.Temidtech:StoryBoardLibrary:1.0' 33 | } 34 | ``` 35 | 36 | 37 | ## Thanks 38 | 39 | * Inspired by [StoriesProgressView](https://github.com/shts/StoriesProgressView) in [shts](https://github.com/shts) 40 | 41 | 42 | ## Author 43 | Maintained by [Temidayo Adefioye](https://www.github.com/temidtech) 44 | 45 | ## License 46 | 47 | 48 | Copyright 2018 Temidayo Adefioye 49 | 50 | Licensed under the Apache License, Version 2.0 (the "License"); 51 | you may not use this file except in compliance with the License. 52 | You may obtain a copy of the License at 53 | 54 | http://www.apache.org/licenses/LICENSE-2.0 55 | 56 | Unless required by applicable law or agreed to in writing, software 57 | distributed under the License is distributed on an "AS IS" BASIS, 58 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 59 | See the License for the specific language governing permissions and 60 | limitations under the License. 61 | -------------------------------------------------------------------------------- /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 | 8 | def BUTTER_KNIFE_VERSION="8.5.1" //current version of butterknife 9 | android { 10 | compileSdkVersion 28 11 | defaultConfig { 12 | applicationId "com.temidayoadefioye.storyboardlibrary" 13 | minSdkVersion 15 14 | targetSdkVersion 28 15 | versionCode 1 16 | versionName "1.0" 17 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 18 | } 19 | 20 | buildTypes { 21 | release { 22 | minifyEnabled false 23 | proguardFiles getDefaultProguardFile('proguard-android.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 'com.android.support:appcompat-v7:28.0.0-alpha3' 32 | implementation 'com.android.support.constraint:constraint-layout:1.1.2' 33 | testImplementation 'junit:junit:4.12' 34 | androidTestImplementation 'com.android.support.test:runner:1.0.2' 35 | androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2' 36 | implementation project(path: ':storyboard') 37 | implementation 'com.github.bumptech.glide:glide:3.7.0' 38 | } 39 | -------------------------------------------------------------------------------- /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/androidTest/java/com/temidayoadefioye/storyboardlibrary/ExampleInstrumentedTest.kt: -------------------------------------------------------------------------------- 1 | package com.temidayoadefioye.storyboardlibrary 2 | 3 | import android.support.test.InstrumentationRegistry 4 | import android.support.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.temidayoadefioye.storyboardlibrary", 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/temidayoadefioye/storyboardlibrary/CircleTransform.java: -------------------------------------------------------------------------------- 1 | package com.temidayoadefioye.storyboardlibrary; 2 | 3 | import android.content.Context; 4 | import android.graphics.Bitmap; 5 | import android.graphics.BitmapShader; 6 | import android.graphics.Canvas; 7 | import android.graphics.Paint; 8 | 9 | import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool; 10 | import com.bumptech.glide.load.resource.bitmap.BitmapTransformation; 11 | 12 | /** 13 | * Created by popoolaadebimpe on 11/04/2018. 14 | */ 15 | 16 | public class CircleTransform extends BitmapTransformation { 17 | public CircleTransform(Context context) { 18 | super(context); 19 | } 20 | 21 | @Override 22 | protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) { 23 | return circleCrop(pool, toTransform); 24 | } 25 | 26 | private static Bitmap circleCrop(BitmapPool pool, Bitmap source) { 27 | if (source == null) return null; 28 | 29 | int size = Math.min(source.getWidth(), source.getHeight()); 30 | int x = (source.getWidth() - size) / 2; 31 | int y = (source.getHeight() - size) / 2; 32 | 33 | // TODO this could be acquired from the pool too 34 | Bitmap squared = Bitmap.createBitmap(source, x, y, size, size); 35 | 36 | Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888); 37 | if (result == null) { 38 | result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888); 39 | } 40 | 41 | Canvas canvas = new Canvas(result); 42 | Paint paint = new Paint(); 43 | paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP)); 44 | paint.setAntiAlias(true); 45 | float r = size / 2f; 46 | canvas.drawCircle(r, r, r, paint); 47 | return result; 48 | } 49 | 50 | @Override 51 | public String getId() { 52 | return getClass().getName(); 53 | } 54 | } -------------------------------------------------------------------------------- /app/src/main/java/com/temidayoadefioye/storyboardlibrary/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.temidayoadefioye.storyboardlibrary 2 | 3 | import android.net.Uri 4 | import android.os.Bundle 5 | import android.support.v7.app.AppCompatActivity 6 | import android.view.MotionEvent 7 | import android.view.View 8 | import android.view.Window 9 | import android.view.WindowManager 10 | import android.widget.ImageView 11 | import com.bumptech.glide.Glide 12 | 13 | import com.temidayoadefioye.storyboard.StoryBoardProgressView 14 | import kotlinx.android.synthetic.main.activity_main.* 15 | 16 | class MainActivity : AppCompatActivity(), StoryBoardProgressView.StoriesListener { 17 | private var storyBoardProgressView: StoryBoardProgressView? = null 18 | 19 | private var counter = 0 20 | private val resources = intArrayOf(R.drawable.sample1, R.drawable.sample2, R.drawable.sample3, R.drawable.sample4) 21 | 22 | private val durations = longArrayOf(500L, 1000L, 1500L, 4000L) 23 | 24 | internal var pressTime = 0L 25 | internal var limit = 500L 26 | 27 | private val onTouchListener = View.OnTouchListener { v, event -> 28 | when (event.action) { 29 | MotionEvent.ACTION_DOWN -> { 30 | pressTime = System.currentTimeMillis() 31 | storyBoardProgressView!!.pause() 32 | return@OnTouchListener false 33 | } 34 | MotionEvent.ACTION_UP -> { 35 | val now = System.currentTimeMillis() 36 | storyBoardProgressView!!.resume() 37 | return@OnTouchListener limit < now - pressTime 38 | } 39 | } 40 | false 41 | } 42 | 43 | override fun onCreate(savedInstanceState: Bundle?) { 44 | super.onCreate(savedInstanceState) 45 | // remove title 46 | requestWindowFeature(Window.FEATURE_NO_TITLE); 47 | getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, 48 | WindowManager.LayoutParams.FLAG_FULLSCREEN); 49 | setContentView(R.layout.activity_main) 50 | Glide 51 | .with(this) 52 | .load("https://pbs.twimg.com/profile_images/699217734492647428/pCfEzr6L_400x400.png") 53 | .transform(CircleTransform(this)) 54 | .placeholder(R.drawable.ic_arrow_back_black_24dp) 55 | .into(imgProfile) 56 | storyBoardProgressView = findViewById(R.id.stories) as StoryBoardProgressView 57 | storyBoardProgressView!!.setStoriesCount(PROGRESS_COUNT) 58 | storyBoardProgressView!!.setStoryDuration(3000L) 59 | // or 60 | // storiesProgressView.setStoriesCountWithDurations(durations); 61 | storyBoardProgressView!!.setStoriesListener(this) 62 | storyBoardProgressView!!.startStories() 63 | 64 | image!!.setImageResource(resources[counter]) 65 | 66 | // bind reverse view 67 | val reverse = findViewById(R.id.reverse) 68 | reverse.setOnClickListener { storyBoardProgressView!!.reverse() } 69 | reverse.setOnTouchListener(onTouchListener) 70 | 71 | // bind skip view 72 | val skip = findViewById(R.id.skip) 73 | skip.setOnClickListener { storyBoardProgressView!!.skip() } 74 | skip.setOnTouchListener(onTouchListener) 75 | 76 | } 77 | 78 | public override fun onStop() { 79 | super.onStop() 80 | } 81 | 82 | override fun onNext() { 83 | image!!.setImageResource(resources[++counter]) 84 | } 85 | 86 | override fun onPrev() { 87 | if (counter - 1 < 0) return 88 | image!!.setImageResource(resources[--counter]) 89 | } 90 | 91 | override fun onComplete() {} 92 | public override fun onDestroy() { 93 | // Very important ! 94 | storyBoardProgressView!!.destroy() 95 | super.onDestroy() 96 | } 97 | 98 | companion object { 99 | private val PROGRESS_COUNT =4 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /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/ic_add_circle_black_24dp.xml: -------------------------------------------------------------------------------- 1 | 6 | 9 | 10 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/ic_arrow_back_black_24dp.xml: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /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/opacity_bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/drawable/opacity_bg.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/sample1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/drawable/sample1.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/sample2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/drawable/sample2.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/sample3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/drawable/sample3.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/sample4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/drawable/sample4.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable/smsicon.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/drawable/smsicon.jpeg -------------------------------------------------------------------------------- /app/src/main/res/drawable/white_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/white_radius.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/font/gotham.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 8 | -------------------------------------------------------------------------------- /app/src/main/res/font/gotham_bold_regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/font/gotham_bold_regular.ttf -------------------------------------------------------------------------------- /app/src/main/res/font/gotham_book.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/font/gotham_book.otf -------------------------------------------------------------------------------- /app/src/main/res/font/gotham_book_font.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 8 | -------------------------------------------------------------------------------- /app/src/main/res/font/gotham_bookitalic.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/font/gotham_bookitalic.otf -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 16 | 17 | 21 | 22 | 27 | 28 | 33 | 34 | 48 | 49 | 57 | 61 | 66 | 73 | 76 | 85 | 86 | 95 | 96 | 97 | 98 | -------------------------------------------------------------------------------- /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/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3F51B5 4 | #303F9F 5 | #FF4081 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | StoryBoardLibrary 3 | Kotlin is a statically typed programming language that runs on the Java virtual machine and also can be compiled to JavaScript source code or use the LLVM compiler infrastructure 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/test/java/com/temidayoadefioye/storyboardlibrary/ExampleUnitTest.kt: -------------------------------------------------------------------------------- 1 | package com.temidayoadefioye.storyboardlibrary 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.kotlin_version = '1.2.30' 5 | repositories { 6 | google() 7 | jcenter() 8 | } 9 | dependencies { 10 | classpath 'com.android.tools.build:gradle:3.1.3' 11 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" 12 | classpath 'com.github.dcendents:android-maven-gradle-plugin:2.0' 13 | // NOTE: Do not place your application dependencies here; they belong 14 | // in the individual module build.gradle files 15 | } 16 | } 17 | 18 | allprojects { 19 | repositories { 20 | google() 21 | jcenter() 22 | } 23 | } 24 | 25 | task clean(type: Delete) { 26 | delete rootProject.buildDir 27 | } 28 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Thu Jul 19 09:18:52 WAT 2018 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-4.4-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/Screenshot_1532004717.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/screenshots/Screenshot_1532004717.png -------------------------------------------------------------------------------- /screenshots/Screenshot_1532004720.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/screenshots/Screenshot_1532004720.png -------------------------------------------------------------------------------- /screenshots/Screenshot_1532004726.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/screenshots/Screenshot_1532004726.png -------------------------------------------------------------------------------- /screenshots/storyboard.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Temidtech/StoryBoardLibrary/993fbb5c323ed0076d5f8941dd7c649e485ce392/screenshots/storyboard.gif -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app', ':storyboard' 2 | -------------------------------------------------------------------------------- /storyboard/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /storyboard/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | apply plugin: 'kotlin-android' 3 | apply plugin: 'com.github.dcendents.android-maven' 4 | group='com.github.temidtech' 5 | android { 6 | compileSdkVersion 27 7 | 8 | 9 | 10 | defaultConfig { 11 | minSdkVersion 15 12 | targetSdkVersion 27 13 | versionCode 1 14 | versionName "1.0" 15 | 16 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 17 | 18 | } 19 | 20 | buildTypes { 21 | release { 22 | minifyEnabled false 23 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 24 | } 25 | } 26 | 27 | } 28 | 29 | dependencies { 30 | compile fileTree(dir: 'libs', include: ['*.jar']) 31 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { 32 | exclude group: 'com.android.support', module: 'support-annotations' 33 | }) 34 | implementation 'com.android.support:appcompat-v7:27.1.1' 35 | testCompile 'junit:junit:4.12' 36 | compile "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" 37 | } 38 | repositories { 39 | mavenCentral() 40 | } 41 | -------------------------------------------------------------------------------- /storyboard/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 | -------------------------------------------------------------------------------- /storyboard/src/androidTest/java/com/temidayoadefioye/storyboard/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.temidayoadefioye.storyboard; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumented test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("com.temidayoadefioye.storyboard.test", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /storyboard/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | -------------------------------------------------------------------------------- /storyboard/src/main/java/com/temidayoadefioye/storyboard/CustomPauseProgressBar.kt: -------------------------------------------------------------------------------- 1 | package com.temidayoadefioye.storyboard 2 | 3 | import android.content.Context 4 | import android.support.annotation.AttrRes 5 | import android.util.AttributeSet 6 | import android.view.LayoutInflater 7 | import android.view.View 8 | import android.view.animation.Animation 9 | import android.view.animation.LinearInterpolator 10 | import android.view.animation.ScaleAnimation 11 | import android.view.animation.Transformation 12 | import android.widget.FrameLayout 13 | 14 | internal class CustomPauseProgressBar @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, @AttrRes defStyleAttr: Int = 0) : FrameLayout(context, attrs, defStyleAttr) { 15 | 16 | private val frontProgressView: View 17 | private val maxProgressView: View 18 | private var animation: PausableScaleAnimation? = null 19 | private var duration = DEFAULT_PROGRESS_DURATION.toLong() 20 | private var callback: Callback? = null 21 | 22 | internal interface Callback { 23 | fun onStartProgress() 24 | fun onFinishProgress() 25 | } 26 | init { 27 | LayoutInflater.from(context).inflate(R.layout.progress_pause, this) 28 | frontProgressView = findViewById(R.id.front_progress) 29 | maxProgressView = findViewById(R.id.max_progress) // work around 30 | } 31 | 32 | fun setDuration(duration: Long) { 33 | this.duration = duration 34 | } 35 | 36 | fun setCallback(callback: Callback) { 37 | this.callback = callback 38 | } 39 | 40 | fun setMax() { 41 | finishProgress(true) 42 | } 43 | fun setMin() { 44 | finishProgress(false) 45 | } 46 | fun setMinWithoutCallback() { 47 | maxProgressView.setBackgroundResource(R.color.progressbar_secondary) 48 | 49 | maxProgressView.visibility = View.VISIBLE 50 | if (animation != null) { 51 | animation!!.setAnimationListener(null) 52 | animation!!.cancel() 53 | } 54 | } 55 | private fun finishProgress(isMax: Boolean) { 56 | if (isMax) maxProgressView.setBackgroundResource(R.color.progressbar_max_active) 57 | maxProgressView.visibility = if (isMax) View.VISIBLE else View.GONE 58 | if (animation != null) { 59 | animation!!.setAnimationListener(null) 60 | animation!!.cancel() 61 | if (callback != null) { 62 | callback!!.onFinishProgress() 63 | } 64 | } 65 | } 66 | fun startProgress() { 67 | maxProgressView.visibility = View.GONE 68 | 69 | animation = PausableScaleAnimation(0f, 1f, 1f, 1f, Animation.ABSOLUTE, 0f, Animation.RELATIVE_TO_SELF, 0f) 70 | animation!!.duration = duration 71 | animation!!.interpolator = LinearInterpolator() 72 | animation!!.setAnimationListener(object : Animation.AnimationListener { 73 | override fun onAnimationStart(animation: Animation) { 74 | frontProgressView.visibility = View.VISIBLE 75 | if (callback != null) callback!!.onStartProgress() 76 | } 77 | 78 | override fun onAnimationRepeat(animation: Animation) {} 79 | 80 | override fun onAnimationEnd(animation: Animation) { 81 | if (callback != null) callback!!.onFinishProgress() 82 | } 83 | }) 84 | animation!!.fillAfter = true 85 | frontProgressView.startAnimation(animation) 86 | } 87 | 88 | fun pauseProgress() { 89 | if (animation != null) { 90 | animation!!.pause() 91 | } 92 | } 93 | 94 | fun resumeProgress() { 95 | if (animation != null) { 96 | animation!!.resume() 97 | } 98 | } 99 | 100 | fun clear() { 101 | if (animation != null) { 102 | animation!!.setAnimationListener(null) 103 | animation!!.cancel() 104 | animation = null 105 | } 106 | } 107 | 108 | private inner class PausableScaleAnimation internal constructor(fromX: Float, toX: Float, fromY: Float, 109 | toY: Float, pivotXType: Int, pivotXValue: Float, pivotYType: Int, 110 | pivotYValue: Float) : ScaleAnimation(fromX, toX, fromY, toY, pivotXType, pivotXValue, pivotYType, pivotYValue) { 111 | 112 | private var mElapsedAtPause: Long = 0 113 | private var mPaused = false 114 | 115 | override fun getTransformation(currentTime: Long, outTransformation: Transformation, scale: Float): Boolean { 116 | if (mPaused && mElapsedAtPause == 0L) { 117 | mElapsedAtPause = currentTime - startTime 118 | } 119 | if (mPaused) { 120 | startTime = currentTime - mElapsedAtPause 121 | } 122 | return super.getTransformation(currentTime, outTransformation, scale) 123 | } 124 | 125 | /*** 126 | * pause animation 127 | */ 128 | internal fun pause() { 129 | if (mPaused) return 130 | mElapsedAtPause = 0 131 | mPaused = true 132 | } 133 | 134 | /*** 135 | * resume animation 136 | */ 137 | internal fun resume() { 138 | mPaused = false 139 | } 140 | } 141 | 142 | companion object { 143 | 144 | /*** 145 | * progress 146 | */ 147 | private val DEFAULT_PROGRESS_DURATION = 2000 148 | } 149 | } 150 | -------------------------------------------------------------------------------- /storyboard/src/main/java/com/temidayoadefioye/storyboard/StoryBoardProgressView.kt: -------------------------------------------------------------------------------- 1 | package com.temidayoadefioye.storyboard 2 | 3 | import android.annotation.TargetApi 4 | import android.content.Context 5 | import android.content.res.TypedArray 6 | import android.os.Build 7 | import android.util.AttributeSet 8 | import android.view.View 9 | import android.widget.LinearLayout 10 | 11 | import java.util.ArrayList 12 | 13 | class StoryBoardProgressView : LinearLayout { 14 | 15 | private val PROGRESS_BAR_LAYOUT_PARAM = LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1f) 16 | private val SPACE_LAYOUT_PARAM = LinearLayout.LayoutParams(5, LinearLayout.LayoutParams.WRAP_CONTENT) 17 | 18 | private val progressBars = ArrayList() 19 | 20 | private var storiesCount = -1 21 | /** 22 | * pointer of running animation 23 | */ 24 | private var current = 0 25 | private var storiesListener: StoriesListener? = null 26 | internal var isReverse: Boolean = false 27 | internal var isComplete: Boolean = false 28 | 29 | interface StoriesListener { 30 | fun onNext() 31 | 32 | fun onPrev() 33 | 34 | fun onComplete() 35 | } 36 | 37 | @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null) : super(context, attrs) { 38 | init(context, attrs) 39 | } 40 | 41 | constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr) { 42 | init(context, attrs) 43 | } 44 | 45 | @TargetApi(Build.VERSION_CODES.LOLLIPOP) 46 | constructor(context: Context, attrs: AttributeSet, defStyleAttr: Int, defStyleRes: Int) : super(context, attrs, defStyleAttr, defStyleRes) { 47 | init(context, attrs) 48 | } 49 | 50 | private fun init(context: Context, attrs: AttributeSet?) { 51 | orientation = LinearLayout.HORIZONTAL 52 | val typedArray = context.obtainStyledAttributes(attrs, R.styleable.StoryBoardProgressView) 53 | storiesCount = typedArray.getInt(R.styleable.StoryBoardProgressView_progressCount, 0) 54 | typedArray.recycle() 55 | bindViews() 56 | } 57 | 58 | private fun bindViews() { 59 | progressBars.clear() 60 | removeAllViews() 61 | 62 | for (i in 0 until storiesCount) { 63 | val p = createProgressBar() 64 | progressBars.add(p) 65 | addView(p) 66 | if (i + 1 < storiesCount) { 67 | addView(createSpace()) 68 | } 69 | } 70 | } 71 | 72 | private fun createProgressBar(): CustomPauseProgressBar { 73 | val p = CustomPauseProgressBar(context) 74 | p.layoutParams = PROGRESS_BAR_LAYOUT_PARAM 75 | return p 76 | } 77 | 78 | private fun createSpace(): View { 79 | val v = View(context) 80 | v.layoutParams = SPACE_LAYOUT_PARAM 81 | return v 82 | } 83 | 84 | /** 85 | * Set story count and create views 86 | * 87 | * @param storiesCount story count 88 | */ 89 | fun setStoriesCount(storiesCount: Int) { 90 | this.storiesCount = storiesCount 91 | bindViews() 92 | } 93 | 94 | /** 95 | * Set storiesListener 96 | * 97 | * @param storiesListener StoriesListener 98 | */ 99 | fun setStoriesListener(storiesListener: StoriesListener) { 100 | this.storiesListener = storiesListener 101 | } 102 | 103 | /** 104 | * Skip current story 105 | */ 106 | fun skip() { 107 | if (isComplete) return 108 | val p = progressBars[current] 109 | p.setMax() 110 | } 111 | 112 | /** 113 | * Reverse current story 114 | */ 115 | fun reverse() { 116 | if (isComplete) return 117 | isReverse = true 118 | val p = progressBars[current] 119 | p.setMin() 120 | } 121 | 122 | /** 123 | * Set a story's duration 124 | * 125 | * @param duration millisecond 126 | */ 127 | fun setStoryDuration(duration: Long) { 128 | for (i in progressBars.indices) { 129 | progressBars[i].setDuration(duration) 130 | progressBars[i].setCallback(callback(i)) 131 | } 132 | } 133 | 134 | /** 135 | * Set stories count and each story duration 136 | * 137 | * @param durations milli 138 | */ 139 | fun setStoriesCountWithDurations(durations: LongArray) { 140 | storiesCount = durations.size 141 | bindViews() 142 | for (i in progressBars.indices) { 143 | progressBars[i].setDuration(durations[i]) 144 | progressBars[i].setCallback(callback(i)) 145 | } 146 | } 147 | 148 | private fun callback(index: Int): CustomPauseProgressBar.Callback { 149 | return object : CustomPauseProgressBar.Callback { 150 | override fun onStartProgress() { 151 | current = index 152 | } 153 | 154 | override fun onFinishProgress() { 155 | if (isReverse) { 156 | isReverse = false 157 | if (storiesListener != null) storiesListener!!.onPrev() 158 | if (0 <= current - 1) { 159 | val p = progressBars[current - 1] 160 | p.setMinWithoutCallback() 161 | progressBars[--current].startProgress() 162 | } else { 163 | progressBars[current].startProgress() 164 | } 165 | return 166 | } 167 | val next = current + 1 168 | if (next <= progressBars.size - 1) { 169 | if (storiesListener != null) storiesListener!!.onNext() 170 | progressBars[next].startProgress() 171 | } else { 172 | isComplete = true 173 | if (storiesListener != null) storiesListener!!.onComplete() 174 | } 175 | } 176 | } 177 | } 178 | 179 | /** 180 | * Start progress animation 181 | */ 182 | fun startStories() { 183 | progressBars[0].startProgress() 184 | } 185 | 186 | /** 187 | * Need to call when Activity or Fragment destroy 188 | */ 189 | fun destroy() { 190 | for (p in progressBars) { 191 | p.clear() 192 | } 193 | } 194 | 195 | /** 196 | * Pause story 197 | */ 198 | fun pause() { 199 | progressBars[current].pauseProgress() 200 | } 201 | 202 | /** 203 | * Resume story 204 | */ 205 | fun resume() { 206 | progressBars[current].resumeProgress() 207 | } 208 | } 209 | -------------------------------------------------------------------------------- /storyboard/src/main/res/layout/progress_pause.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 12 | 13 | 20 | 21 | 27 | 28 | -------------------------------------------------------------------------------- /storyboard/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /storyboard/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | @color/white 5 | @color/gray_scale 6 | @color/white 7 | 8 | #8affffff 9 | #fff 10 | 11 | -------------------------------------------------------------------------------- /storyboard/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | StoryboardLibrary 3 | 4 | -------------------------------------------------------------------------------- /storyboard/src/test/java/com/temidayoadefioye/storyboard/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.temidayoadefioye.storyboard; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * @see Testing documentation 11 | */ 12 | public class ExampleUnitTest { 13 | @Test 14 | public void addition_isCorrect() { 15 | assertEquals(4, 2 + 2); 16 | } 17 | } --------------------------------------------------------------------------------