├── .gitignore
├── README.md
├── app
    ├── .gitignore
    ├── build.gradle
    ├── proguard-rules.pro
    └── src
    │   ├── androidTest
    │       └── java
    │       │   └── com
    │       │       └── nowocode
    │       │           └── onboardingflow
    │       │               └── ExampleInstrumentedTest.kt
    │   ├── main
    │       ├── AndroidManifest.xml
    │       ├── java
    │       │   └── com
    │       │   │   └── nowocode
    │       │   │       └── onboardingflow
    │       │   │           ├── FirstFragment.kt
    │       │   │           ├── MainActivity.kt
    │       │   │           └── SecondFragment.kt
    │       └── res
    │       │   ├── drawable-v24
    │       │       └── ic_launcher_foreground.xml
    │       │   ├── drawable
    │       │       └── ic_launcher_background.xml
    │       │   ├── layout
    │       │       ├── activity_main.xml
    │       │       ├── content_main.xml
    │       │       ├── fragment_first.xml
    │       │       └── fragment_second.xml
    │       │   ├── menu
    │       │       └── menu_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
    │       │   ├── navigation
    │       │       └── nav_graph.xml
    │       │   ├── values-night
    │       │       └── themes.xml
    │       │   └── values
    │       │       ├── colors.xml
    │       │       ├── dimens.xml
    │       │       ├── strings.xml
    │       │       └── themes.xml
    │   └── test
    │       └── java
    │           └── com
    │               └── nowocode
    │                   └── onboardingflow
    │                       └── ExampleUnitTest.kt
├── build.gradle
├── gradle.properties
├── gradlew
├── gradlew.bat
├── lib
    ├── .gitignore
    ├── build.gradle
    ├── consumer-rules.pro
    ├── proguard-rules.pro
    └── src
    │   ├── androidTest
    │       └── java
    │       │   └── com
    │       │       └── nowocode
    │       │           └── lib
    │       │               └── ExampleInstrumentedTest.kt
    │   ├── main
    │       ├── AndroidManifest.xml
    │       └── java
    │       │   └── com
    │       │       └── nowocode
    │       │           ├── lib.zip
    │       │           └── lib
    │       │               ├── OnboardingManager.kt
    │       │               ├── OnboardingManagerImpl.kt
    │       │               └── ui
    │       │                   ├── OnboardingCloseable.kt
    │       │                   ├── OnboardingMessage.kt
    │       │                   ├── OnboardingScaffold.kt
    │       │                   └── model
    │       │                       ├── OnboardingAction.kt
    │       │                       └── VerticalPosition.kt
    │   └── test
    │       └── java
    │           └── com
    │               └── nowocode
    │                   └── lib
    │                       └── ExampleUnitTest.kt
├── onboardingflow-animation-v1.gif
└── settings.gradle


/.gitignore:
--------------------------------------------------------------------------------
 1 | *.iml
 2 | .gradle
 3 | /local.properties
 4 | /.idea/caches
 5 | /.idea/libraries
 6 | /.idea/modules.xml
 7 | /.idea/workspace.xml
 8 | /.idea/navEditor.xml
 9 | /.idea/assetWizardSettings.xml
10 | .DS_Store
11 | /build
12 | /captures
13 | .externalNativeBuild
14 | .cxx
15 | local.properties
16 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # onboardingflow
 2 | 
 3 | <b><font color="red">Due to the popularity of compose, as it's gonna be the standard for android development anyways, this repository is not maintained anymore</font></b>
 4 | 
 5 | <img src="onboardingflow-animation-v1.gif" height="500" width="300"/>
 6 | 
 7 | A library that allows you to highlight and describe any visible UI Element to your users. <br/>
 8 | It is under development but can be already used / tested. The API is quite simple, call from your current Fragment / Activity below code
 9 | 
10 | ```kotlin
11 | 
12 | val viewA: View = //.. any view
13 | OnboardingManager
14 |             .instance(requireContext())
15 |             .setActivity(requireActivity())
16 |             .addAction(
17 |                 OnboardingAction(
18 |                     view = viewA,
19 |                     text = "Some description what this view might be used for",
20 |                     title = "A matching title",
21 |                     VerticalPosition.BOTTOM  // Whether you want the description be displayed below or above the view
22 |                 )
23 |             )
24 |             .addAction(
25 |                 ...
26 |             )
27 |             // Set an initial fade-in animation
28 |             .setFadeIn(
29 |                     durationInMs = 300L, 
30 |                     fromAlpha = 0f, 
31 |                     toAlpha = 0.7f
32 |             )
33 |             // Execute code after user finished the onboarding
34 |             .onDone {
35 |                     myPrefs.onBoardingDone = true
36 |             }
37 |             // starts the Onboarding flow
38 |             .start()
39 | ```
40 | 


--------------------------------------------------------------------------------
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build


--------------------------------------------------------------------------------
/app/build.gradle:
--------------------------------------------------------------------------------
 1 | plugins {
 2 |     id 'com.android.application'
 3 |     id 'kotlin-android'
 4 | }
 5 | 
 6 | android {
 7 |     compileSdkVersion 30
 8 |     buildToolsVersion "30.0.2"
 9 | 
10 |     defaultConfig {
11 |         applicationId "com.nowocode.onboardingflow"
12 |         minSdkVersion 16
13 |         targetSdkVersion 30
14 |         versionCode 1
15 |         versionName "1.0"
16 | 
17 |         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
18 |     }
19 | 
20 |     buildTypes {
21 |         release {
22 |             minifyEnabled false
23 |             proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
24 |         }
25 |     }
26 |     compileOptions {
27 |         sourceCompatibility JavaVersion.VERSION_1_8
28 |         targetCompatibility JavaVersion.VERSION_1_8
29 |     }
30 |     kotlinOptions {
31 |         jvmTarget = '1.8'
32 |     }
33 | }
34 | 
35 | dependencies {
36 | 
37 |     implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
38 |     implementation 'androidx.core:core-ktx:1.3.2'
39 |     implementation 'androidx.appcompat:appcompat:1.2.0'
40 |     implementation 'com.google.android.material:material:1.2.1'
41 |     implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
42 |     implementation 'androidx.navigation:navigation-fragment-ktx:2.3.1'
43 |     implementation 'androidx.navigation:navigation-ui-ktx:2.3.1'
44 |     implementation project(path: ':lib')
45 |     testImplementation 'junit:junit:4.+'
46 |     androidTestImplementation 'androidx.test.ext:junit:1.1.2'
47 |     androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
48 | }


--------------------------------------------------------------------------------
/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


--------------------------------------------------------------------------------
/app/src/androidTest/java/com/nowocode/onboardingflow/ExampleInstrumentedTest.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.onboardingflow
 2 | 
 3 | import androidx.test.platform.app.InstrumentationRegistry
 4 | import androidx.test.ext.junit.runners.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.getInstrumentation().targetContext
22 |         assertEquals("com.nowocode.onboardingflow", appContext.packageName)
23 |     }
24 | }


--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <manifest xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     package="com.nowocode.onboardingflow">
 4 | 
 5 |     <application
 6 |         android:allowBackup="true"
 7 |         android:icon="@mipmap/ic_launcher"
 8 |         android:label="@string/app_name"
 9 |         android:roundIcon="@mipmap/ic_launcher_round"
10 |         android:supportsRtl="true"
11 |         android:theme="@style/Theme.Onboardingflow">
12 |         <activity
13 |             android:name=".MainActivity"
14 |             android:label="@string/app_name"
15 |             android:theme="@style/Theme.Onboardingflow.NoActionBar">
16 |             <intent-filter>
17 |                 <action android:name="android.intent.action.MAIN" />
18 | 
19 |                 <category android:name="android.intent.category.LAUNCHER" />
20 |             </intent-filter>
21 |         </activity>
22 |     </application>
23 | 
24 | </manifest>


--------------------------------------------------------------------------------
/app/src/main/java/com/nowocode/onboardingflow/FirstFragment.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.onboardingflow
 2 | 
 3 | import android.os.Build
 4 | import android.os.Bundle
 5 | import androidx.fragment.app.Fragment
 6 | import android.view.LayoutInflater
 7 | import android.view.View
 8 | import android.view.ViewGroup
 9 | import android.widget.Button
10 | import androidx.annotation.RequiresApi
11 | import androidx.navigation.fragment.findNavController
12 | import com.google.android.material.floatingactionbutton.FloatingActionButton
13 | import com.google.android.material.tabs.TabLayout
14 | import com.nowocode.lib.OnboardingManager
15 | import com.nowocode.lib.ui.model.OnboardingAction
16 | import com.nowocode.lib.ui.model.VerticalPosition
17 | 
18 | /**
19 |  * A simple [Fragment] subclass as the default destination in the navigation.
20 |  */
21 | class FirstFragment : Fragment() {
22 | 
23 |     override fun onCreateView(
24 |         inflater: LayoutInflater, container: ViewGroup?,
25 |         savedInstanceState: Bundle?
26 |     ): View? {
27 |         // Inflate the layout for this fragment
28 | 
29 |         return inflater.inflate(R.layout.fragment_first, container, false)
30 |     }
31 | 
32 |     @RequiresApi(Build.VERSION_CODES.LOLLIPOP)
33 |     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
34 |         super.onViewCreated(view, savedInstanceState)
35 | 
36 |         view.findViewById<Button>(R.id.button_first).setOnClickListener {
37 |             findNavController().navigate(R.id.action_FirstFragment_to_SecondFragment)
38 |         }
39 | 
40 |         OnboardingManager
41 |             .instance(requireContext())
42 |             .setActivity(requireActivity())
43 |             .addAction(
44 |                 OnboardingAction(
45 |                     view.findViewById(R.id.textview_first),
46 |                     "By setting your custom text view data you can let your users know what" +
47 |                             " the heck is going on with your UI :-)",
48 |                     "Know your TextView",
49 |                     VerticalPosition.BOTTOM
50 |                 )
51 |             )
52 |             .addAction(
53 |                 OnboardingAction(
54 |                     requireActivity().findViewById<FloatingActionButton>(R.id.button_first),
55 |                     "By clicking that button you can skip this fragment and move to the first one!! How cool, huh?",
56 |                     "Navigate to the next screen!",
57 |                     VerticalPosition.TOP
58 |                 )
59 |             )
60 |             .addAction(
61 |                 OnboardingAction(
62 |                     requireActivity().findViewById<FloatingActionButton>(R.id.fab),
63 |                     "You can use this button to create a custom email and contact the developer. You can always rant about the app or just tell him a hi :-)",
64 |                     "Send an email!",
65 |                     VerticalPosition.TOP
66 |                 )
67 |             )
68 |             .addAction(
69 |                 OnboardingAction(
70 |                     (requireActivity().findViewById<TabLayout>(
71 |                         R.id.tabs
72 |                     ) as TabLayout).getTabAt(1)?.view!!,
73 |                     "This could be a description of what the user can find in Tab 2",
74 |                     "Selected Tab 2",
75 |                     VerticalPosition.BOTTOM
76 |                 )
77 |             )
78 |             .addAction(
79 |                 OnboardingAction(
80 |                     (requireActivity().findViewById<TabLayout>(
81 |                         R.id.tabs
82 |                     ) as TabLayout).getTabAt(0)?.view!!,
83 |                     "This could be a description of what the user can find in Tab 1",
84 |                     "Selected Tab 1",
85 |                     VerticalPosition.BOTTOM
86 |                 )
87 |             )
88 |             .setFadeIn(
89 |                 300L,
90 |                 0f,
91 |                 0.7f
92 |             )
93 |             .onDone {
94 | 
95 |             }
96 |             .start()
97 |     }
98 | }


--------------------------------------------------------------------------------
/app/src/main/java/com/nowocode/onboardingflow/MainActivity.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.onboardingflow
 2 | 
 3 | import android.os.Bundle
 4 | import com.google.android.material.floatingactionbutton.FloatingActionButton
 5 | import com.google.android.material.snackbar.Snackbar
 6 | import androidx.appcompat.app.AppCompatActivity
 7 | import android.view.Menu
 8 | import android.view.MenuItem
 9 | import com.google.android.material.tabs.TabLayout
10 | 
11 | class MainActivity : AppCompatActivity() {
12 | 
13 |     override fun onCreate(savedInstanceState: Bundle?) {
14 |         super.onCreate(savedInstanceState)
15 |         setContentView(R.layout.activity_main)
16 |         setSupportActionBar(findViewById(R.id.toolbar))
17 | 
18 |         val button = findViewById<FloatingActionButton>(R.id.fab)
19 |         button.setOnClickListener { view ->
20 |             Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
21 |                 .setAction("Action", null).show()
22 |         }
23 | 
24 |         val tabLayout = findViewById<TabLayout>(R.id.tabs)
25 | 
26 |         val t1 = tabLayout.newTab()
27 |         t1.setText("Tab 1")
28 |         tabLayout.addTab(t1)
29 | 
30 |         val t2 = tabLayout.newTab()
31 |         t2.setText("Tab 2")
32 |         tabLayout.addTab(t2)
33 | 
34 |     }
35 | 
36 |     override fun onCreateOptionsMenu(menu: Menu): Boolean {
37 |         // Inflate the menu; this adds items to the action bar if it is present.
38 |         menuInflater.inflate(R.menu.menu_main, menu)
39 |         return true
40 |     }
41 | 
42 |     override fun onOptionsItemSelected(item: MenuItem): Boolean {
43 |         // Handle action bar item clicks here. The action bar will
44 |         // automatically handle clicks on the Home/Up button, so long
45 |         // as you specify a parent activity in AndroidManifest.xml.
46 |         return when (item.itemId) {
47 |             R.id.action_settings -> true
48 |             else -> super.onOptionsItemSelected(item)
49 |         }
50 |     }
51 | }


--------------------------------------------------------------------------------
/app/src/main/java/com/nowocode/onboardingflow/SecondFragment.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.onboardingflow
 2 | 
 3 | import android.os.Bundle
 4 | import androidx.fragment.app.Fragment
 5 | import android.view.LayoutInflater
 6 | import android.view.View
 7 | import android.view.ViewGroup
 8 | import android.widget.Button
 9 | import androidx.navigation.fragment.findNavController
10 | 
11 | /**
12 |  * A simple [Fragment] subclass as the second destination in the navigation.
13 |  */
14 | class SecondFragment : Fragment() {
15 | 
16 |     override fun onCreateView(
17 |             inflater: LayoutInflater, container: ViewGroup?,
18 |             savedInstanceState: Bundle?
19 |     ): View? {
20 |         // Inflate the layout for this fragment
21 |         return inflater.inflate(R.layout.fragment_second, container, false)
22 |     }
23 | 
24 |     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
25 |         super.onViewCreated(view, savedInstanceState)
26 | 
27 |         view.findViewById<Button>(R.id.button_second).setOnClickListener {
28 |             findNavController().navigate(R.id.action_SecondFragment_to_FirstFragment)
29 |         }
30 |     }
31 | }


--------------------------------------------------------------------------------
/app/src/main/res/drawable-v24/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
 1 | <vector xmlns:android="http://schemas.android.com/apk/res/android"
 2 |     xmlns:aapt="http://schemas.android.com/aapt"
 3 |     android:width="108dp"
 4 |     android:height="108dp"
 5 |     android:viewportWidth="108"
 6 |     android:viewportHeight="108">
 7 |     <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
 8 |         <aapt:attr name="android:fillColor">
 9 |             <gradient
10 |                 android:endX="85.84757"
11 |                 android:endY="92.4963"
12 |                 android:startX="42.9492"
13 |                 android:startY="49.59793"
14 |                 android:type="linear">
15 |                 <item
16 |                     android:color="#44000000"
17 |                     android:offset="0.0" />
18 |                 <item
19 |                     android:color="#00000000"
20 |                     android:offset="1.0" />
21 |             </gradient>
22 |         </aapt:attr>
23 |     </path>
24 |     <path
25 |         android:fillColor="#FFFFFF"
26 |         android:fillType="nonZero"
27 |         android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
28 |         android:strokeWidth="1"
29 |         android:strokeColor="#00000000" />
30 | </vector>


--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_launcher_background.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <vector xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     android:width="108dp"
  4 |     android:height="108dp"
  5 |     android:viewportWidth="108"
  6 |     android:viewportHeight="108">
  7 |     <path
  8 |         android:fillColor="#3DDC84"
  9 |         android:pathData="M0,0h108v108h-108z" />
 10 |     <path
 11 |         android:fillColor="#00000000"
 12 |         android:pathData="M9,0L9,108"
 13 |         android:strokeWidth="0.8"
 14 |         android:strokeColor="#33FFFFFF" />
 15 |     <path
 16 |         android:fillColor="#00000000"
 17 |         android:pathData="M19,0L19,108"
 18 |         android:strokeWidth="0.8"
 19 |         android:strokeColor="#33FFFFFF" />
 20 |     <path
 21 |         android:fillColor="#00000000"
 22 |         android:pathData="M29,0L29,108"
 23 |         android:strokeWidth="0.8"
 24 |         android:strokeColor="#33FFFFFF" />
 25 |     <path
 26 |         android:fillColor="#00000000"
 27 |         android:pathData="M39,0L39,108"
 28 |         android:strokeWidth="0.8"
 29 |         android:strokeColor="#33FFFFFF" />
 30 |     <path
 31 |         android:fillColor="#00000000"
 32 |         android:pathData="M49,0L49,108"
 33 |         android:strokeWidth="0.8"
 34 |         android:strokeColor="#33FFFFFF" />
 35 |     <path
 36 |         android:fillColor="#00000000"
 37 |         android:pathData="M59,0L59,108"
 38 |         android:strokeWidth="0.8"
 39 |         android:strokeColor="#33FFFFFF" />
 40 |     <path
 41 |         android:fillColor="#00000000"
 42 |         android:pathData="M69,0L69,108"
 43 |         android:strokeWidth="0.8"
 44 |         android:strokeColor="#33FFFFFF" />
 45 |     <path
 46 |         android:fillColor="#00000000"
 47 |         android:pathData="M79,0L79,108"
 48 |         android:strokeWidth="0.8"
 49 |         android:strokeColor="#33FFFFFF" />
 50 |     <path
 51 |         android:fillColor="#00000000"
 52 |         android:pathData="M89,0L89,108"
 53 |         android:strokeWidth="0.8"
 54 |         android:strokeColor="#33FFFFFF" />
 55 |     <path
 56 |         android:fillColor="#00000000"
 57 |         android:pathData="M99,0L99,108"
 58 |         android:strokeWidth="0.8"
 59 |         android:strokeColor="#33FFFFFF" />
 60 |     <path
 61 |         android:fillColor="#00000000"
 62 |         android:pathData="M0,9L108,9"
 63 |         android:strokeWidth="0.8"
 64 |         android:strokeColor="#33FFFFFF" />
 65 |     <path
 66 |         android:fillColor="#00000000"
 67 |         android:pathData="M0,19L108,19"
 68 |         android:strokeWidth="0.8"
 69 |         android:strokeColor="#33FFFFFF" />
 70 |     <path
 71 |         android:fillColor="#00000000"
 72 |         android:pathData="M0,29L108,29"
 73 |         android:strokeWidth="0.8"
 74 |         android:strokeColor="#33FFFFFF" />
 75 |     <path
 76 |         android:fillColor="#00000000"
 77 |         android:pathData="M0,39L108,39"
 78 |         android:strokeWidth="0.8"
 79 |         android:strokeColor="#33FFFFFF" />
 80 |     <path
 81 |         android:fillColor="#00000000"
 82 |         android:pathData="M0,49L108,49"
 83 |         android:strokeWidth="0.8"
 84 |         android:strokeColor="#33FFFFFF" />
 85 |     <path
 86 |         android:fillColor="#00000000"
 87 |         android:pathData="M0,59L108,59"
 88 |         android:strokeWidth="0.8"
 89 |         android:strokeColor="#33FFFFFF" />
 90 |     <path
 91 |         android:fillColor="#00000000"
 92 |         android:pathData="M0,69L108,69"
 93 |         android:strokeWidth="0.8"
 94 |         android:strokeColor="#33FFFFFF" />
 95 |     <path
 96 |         android:fillColor="#00000000"
 97 |         android:pathData="M0,79L108,79"
 98 |         android:strokeWidth="0.8"
 99 |         android:strokeColor="#33FFFFFF" />
100 |     <path
101 |         android:fillColor="#00000000"
102 |         android:pathData="M0,89L108,89"
103 |         android:strokeWidth="0.8"
104 |         android:strokeColor="#33FFFFFF" />
105 |     <path
106 |         android:fillColor="#00000000"
107 |         android:pathData="M0,99L108,99"
108 |         android:strokeWidth="0.8"
109 |         android:strokeColor="#33FFFFFF" />
110 |     <path
111 |         android:fillColor="#00000000"
112 |         android:pathData="M19,29L89,29"
113 |         android:strokeWidth="0.8"
114 |         android:strokeColor="#33FFFFFF" />
115 |     <path
116 |         android:fillColor="#00000000"
117 |         android:pathData="M19,39L89,39"
118 |         android:strokeWidth="0.8"
119 |         android:strokeColor="#33FFFFFF" />
120 |     <path
121 |         android:fillColor="#00000000"
122 |         android:pathData="M19,49L89,49"
123 |         android:strokeWidth="0.8"
124 |         android:strokeColor="#33FFFFFF" />
125 |     <path
126 |         android:fillColor="#00000000"
127 |         android:pathData="M19,59L89,59"
128 |         android:strokeWidth="0.8"
129 |         android:strokeColor="#33FFFFFF" />
130 |     <path
131 |         android:fillColor="#00000000"
132 |         android:pathData="M19,69L89,69"
133 |         android:strokeWidth="0.8"
134 |         android:strokeColor="#33FFFFFF" />
135 |     <path
136 |         android:fillColor="#00000000"
137 |         android:pathData="M19,79L89,79"
138 |         android:strokeWidth="0.8"
139 |         android:strokeColor="#33FFFFFF" />
140 |     <path
141 |         android:fillColor="#00000000"
142 |         android:pathData="M29,19L29,89"
143 |         android:strokeWidth="0.8"
144 |         android:strokeColor="#33FFFFFF" />
145 |     <path
146 |         android:fillColor="#00000000"
147 |         android:pathData="M39,19L39,89"
148 |         android:strokeWidth="0.8"
149 |         android:strokeColor="#33FFFFFF" />
150 |     <path
151 |         android:fillColor="#00000000"
152 |         android:pathData="M49,19L49,89"
153 |         android:strokeWidth="0.8"
154 |         android:strokeColor="#33FFFFFF" />
155 |     <path
156 |         android:fillColor="#00000000"
157 |         android:pathData="M59,19L59,89"
158 |         android:strokeWidth="0.8"
159 |         android:strokeColor="#33FFFFFF" />
160 |     <path
161 |         android:fillColor="#00000000"
162 |         android:pathData="M69,19L69,89"
163 |         android:strokeWidth="0.8"
164 |         android:strokeColor="#33FFFFFF" />
165 |     <path
166 |         android:fillColor="#00000000"
167 |         android:pathData="M79,19L79,89"
168 |         android:strokeWidth="0.8"
169 |         android:strokeColor="#33FFFFFF" />
170 | </vector>
171 | 


--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_main.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
 4 |     xmlns:tools="http://schemas.android.com/tools"
 5 |     android:layout_width="match_parent"
 6 |     android:layout_height="match_parent"
 7 |     tools:context=".MainActivity">
 8 | 
 9 |     <com.google.android.material.appbar.AppBarLayout
10 |         android:layout_width="match_parent"
11 |         android:layout_height="wrap_content"
12 |         android:theme="@style/Theme.Onboardingflow.AppBarOverlay">
13 | 
14 |         <androidx.appcompat.widget.Toolbar
15 |             android:id="@+id/toolbar"
16 |             android:layout_width="match_parent"
17 |             android:layout_height="?attr/actionBarSize"
18 |             android:background="?attr/colorPrimary"
19 |             app:popupTheme="@style/Theme.Onboardingflow.PopupOverlay" />
20 | 
21 |         <com.google.android.material.tabs.TabLayout
22 |             android:id="@+id/tabs"
23 |             android:layout_width="match_parent"
24 |             android:layout_height="?attr/actionBarSize"
25 |             android:background="?attr/colorPrimary"
26 |             app:tabGravity="fill"
27 |             app:tabSelectedTextColor="@color/white"
28 |             app:tabMode="fixed" />
29 | 
30 |     </com.google.android.material.appbar.AppBarLayout>
31 | 
32 |     <include layout="@layout/content_main" />
33 | 
34 |     <com.google.android.material.floatingactionbutton.FloatingActionButton
35 |         android:id="@+id/fab"
36 |         android:layout_width="wrap_content"
37 |         android:layout_height="wrap_content"
38 |         android:layout_gravity="bottom|end"
39 |         android:layout_margin="@dimen/fab_margin"
40 |         app:srcCompat="@android:drawable/ic_dialog_email" />
41 | 
42 | </androidx.coordinatorlayout.widget.CoordinatorLayout>


--------------------------------------------------------------------------------
/app/src/main/res/layout/content_main.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
 4 |     android:layout_width="match_parent"
 5 |     android:layout_height="match_parent"
 6 |     app:layout_behavior="@string/appbar_scrolling_view_behavior">
 7 | 
 8 |     <fragment
 9 |         android:id="@+id/nav_host_fragment"
10 |         android:name="androidx.navigation.fragment.NavHostFragment"
11 |         android:layout_width="0dp"
12 |         android:layout_height="0dp"
13 |         app:defaultNavHost="true"
14 |         app:layout_constraintBottom_toBottomOf="parent"
15 |         app:layout_constraintLeft_toLeftOf="parent"
16 |         app:layout_constraintRight_toRightOf="parent"
17 |         app:layout_constraintTop_toTopOf="parent"
18 |         app:navGraph="@navigation/nav_graph" />
19 | </androidx.constraintlayout.widget.ConstraintLayout>


--------------------------------------------------------------------------------
/app/src/main/res/layout/fragment_first.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
 4 |     xmlns:tools="http://schemas.android.com/tools"
 5 |     android:layout_width="match_parent"
 6 |     android:layout_height="match_parent"
 7 |     tools:context=".FirstFragment">
 8 | 
 9 |     <TextView
10 |         android:id="@+id/textview_first"
11 |         android:layout_width="wrap_content"
12 |         android:layout_height="wrap_content"
13 |         android:text="@string/hello_first_fragment"
14 |         app:layout_constraintBottom_toTopOf="@id/button_first"
15 |         app:layout_constraintEnd_toEndOf="parent"
16 |         app:layout_constraintStart_toStartOf="parent"
17 |         app:layout_constraintTop_toTopOf="parent" />
18 | 
19 |     <Button
20 |         android:id="@+id/button_first"
21 |         android:layout_width="wrap_content"
22 |         android:layout_height="wrap_content"
23 |         android:text="@string/next"
24 |         app:layout_constraintBottom_toBottomOf="parent"
25 |         app:layout_constraintEnd_toEndOf="parent"
26 |         app:layout_constraintStart_toStartOf="parent"
27 |         app:layout_constraintTop_toBottomOf="@id/textview_first" />
28 | </androidx.constraintlayout.widget.ConstraintLayout>


--------------------------------------------------------------------------------
/app/src/main/res/layout/fragment_second.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
 4 |     xmlns:tools="http://schemas.android.com/tools"
 5 |     android:layout_width="match_parent"
 6 |     android:layout_height="match_parent"
 7 |     tools:context=".SecondFragment">
 8 | 
 9 |     <TextView
10 |         android:id="@+id/textview_second"
11 |         android:layout_width="wrap_content"
12 |         android:layout_height="wrap_content"
13 |         app:layout_constraintBottom_toTopOf="@id/button_second"
14 |         app:layout_constraintEnd_toEndOf="parent"
15 |         app:layout_constraintStart_toStartOf="parent"
16 |         app:layout_constraintTop_toTopOf="parent" />
17 | 
18 |     <Button
19 |         android:id="@+id/button_second"
20 |         android:layout_width="wrap_content"
21 |         android:layout_height="wrap_content"
22 |         android:text="@string/previous"
23 |         app:layout_constraintBottom_toBottomOf="parent"
24 |         app:layout_constraintEnd_toEndOf="parent"
25 |         app:layout_constraintStart_toStartOf="parent"
26 |         app:layout_constraintTop_toBottomOf="@id/textview_second" />
27 | </androidx.constraintlayout.widget.ConstraintLayout>


--------------------------------------------------------------------------------
/app/src/main/res/menu/menu_main.xml:
--------------------------------------------------------------------------------
 1 | <menu xmlns:android="http://schemas.android.com/apk/res/android"
 2 |     xmlns:app="http://schemas.android.com/apk/res-auto"
 3 |     xmlns:tools="http://schemas.android.com/tools"
 4 |     tools:context="com.nowocode.onboardingflow.MainActivity">
 5 |     <item
 6 |         android:id="@+id/action_settings"
 7 |         android:orderInCategory="100"
 8 |         android:title="@string/action_settings"
 9 |         app:showAsAction="never" />
10 | </menu>


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <background android:drawable="@drawable/ic_launcher_background" />
4 |     <foreground android:drawable="@drawable/ic_launcher_foreground" />
5 | </adaptive-icon>


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <background android:drawable="@drawable/ic_launcher_background" />
4 |     <foreground android:drawable="@drawable/ic_launcher_foreground" />
5 | </adaptive-icon>


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-hdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-hdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-mdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-mdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-xhdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-xxhdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/navigation/nav_graph.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <navigation xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
 4 |     xmlns:tools="http://schemas.android.com/tools"
 5 |     android:id="@+id/nav_graph"
 6 |     app:startDestination="@id/FirstFragment">
 7 | 
 8 |     <fragment
 9 |         android:id="@+id/FirstFragment"
10 |         android:name="com.nowocode.onboardingflow.FirstFragment"
11 |         android:label="@string/first_fragment_label"
12 |         tools:layout="@layout/fragment_first">
13 | 
14 |         <action
15 |             android:id="@+id/action_FirstFragment_to_SecondFragment"
16 |             app:destination="@id/SecondFragment" />
17 |     </fragment>
18 |     <fragment
19 |         android:id="@+id/SecondFragment"
20 |         android:name="com.nowocode.onboardingflow.SecondFragment"
21 |         android:label="@string/second_fragment_label"
22 |         tools:layout="@layout/fragment_second">
23 | 
24 |         <action
25 |             android:id="@+id/action_SecondFragment_to_FirstFragment"
26 |             app:destination="@id/FirstFragment" />
27 |     </fragment>
28 | </navigation>


--------------------------------------------------------------------------------
/app/src/main/res/values-night/themes.xml:
--------------------------------------------------------------------------------
 1 | <resources xmlns:tools="http://schemas.android.com/tools">
 2 |     <!-- Base application theme. -->
 3 |     <style name="Theme.Onboardingflow" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
 4 |         <!-- Primary brand color. -->
 5 |         <item name="colorPrimary">@color/purple_200</item>
 6 |         <item name="colorPrimaryVariant">@color/purple_700</item>
 7 |         <item name="colorOnPrimary">@color/black</item>
 8 |         <!-- Secondary brand color. -->
 9 |         <item name="colorSecondary">@color/teal_200</item>
10 |         <item name="colorSecondaryVariant">@color/teal_200</item>
11 |         <item name="colorOnSecondary">@color/black</item>
12 |         <!-- Status bar color. -->
13 |         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
14 |         <!-- Customize your theme here. -->
15 |     </style>
16 | </resources>


--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <resources>
 3 |     <color name="purple_200">#FFBB86FC</color>
 4 |     <color name="purple_500">#FF6200EE</color>
 5 |     <color name="purple_700">#FF3700B3</color>
 6 |     <color name="teal_200">#FF03DAC5</color>
 7 |     <color name="teal_700">#FF018786</color>
 8 |     <color name="black">#FF000000</color>
 9 |     <color name="white">#FFFFFFFF</color>
10 | </resources>


--------------------------------------------------------------------------------
/app/src/main/res/values/dimens.xml:
--------------------------------------------------------------------------------
1 | <resources>
2 |     <dimen name="fab_margin">16dp</dimen>
3 | </resources>


--------------------------------------------------------------------------------
/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
 1 | <resources>
 2 |     <string name="app_name">onboardingflow</string>
 3 |     <string name="action_settings">Settings</string>
 4 |     <!-- Strings used for fragments for navigation -->
 5 |     <string name="first_fragment_label">First Fragment</string>
 6 |     <string name="second_fragment_label">Second Fragment</string>
 7 |     <string name="next">Next</string>
 8 |     <string name="previous">Previous</string>
 9 | 
10 |     <string name="hello_first_fragment">Hello first fragment</string>
11 |     <string name="hello_second_fragment">Hello second fragment. Arg: %1$s</string>
12 | </resources>


--------------------------------------------------------------------------------
/app/src/main/res/values/themes.xml:
--------------------------------------------------------------------------------
 1 | <resources xmlns:tools="http://schemas.android.com/tools">
 2 |     <!-- Base application theme. -->
 3 |     <style name="Theme.Onboardingflow" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
 4 |         <!-- Primary brand color. -->
 5 |         <item name="colorPrimary">@color/purple_500</item>
 6 |         <item name="colorPrimaryVariant">@color/purple_700</item>
 7 |         <item name="colorOnPrimary">@color/white</item>
 8 |         <!-- Secondary brand color. -->
 9 |         <item name="colorSecondary">@color/teal_200</item>
10 |         <item name="colorSecondaryVariant">@color/teal_700</item>
11 |         <item name="colorOnSecondary">@color/black</item>
12 |         <!-- Status bar color. -->
13 |         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
14 |         <!-- Customize your theme here. -->
15 |     </style>
16 | 
17 |     <style name="Theme.Onboardingflow.NoActionBar">
18 |         <item name="windowActionBar">false</item>
19 |         <item name="windowNoTitle">true</item>
20 |     </style>
21 | 
22 |     <style name="Theme.Onboardingflow.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
23 | 
24 |     <style name="Theme.Onboardingflow.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
25 | </resources>


--------------------------------------------------------------------------------
/app/src/test/java/com/nowocode/onboardingflow/ExampleUnitTest.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.onboardingflow
 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 | }


--------------------------------------------------------------------------------
/build.gradle:
--------------------------------------------------------------------------------
 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules.
 2 | buildscript {
 3 |     ext.kotlin_version = "1.4.10"
 4 |     repositories {
 5 |         google()
 6 |         jcenter()
 7 |     }
 8 |     dependencies {
 9 |         classpath "com.android.tools.build:gradle:4.1.0"
10 |         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
11 | 
12 |         // NOTE: Do not place your application dependencies here; they belong
13 |         // in the individual module build.gradle files
14 |     }
15 | }
16 | 
17 | allprojects {
18 |     repositories {
19 |         google()
20 |         jcenter()
21 |     }
22 | }
23 | 
24 | task clean(type: Delete) {
25 |     delete rootProject.buildDir
26 | }


--------------------------------------------------------------------------------
/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=-Xmx2048m -Dfile.encoding=UTF-8
10 | # When configured, Gradle will run in incubating parallel mode.
11 | # This option should only be used with decoupled projects. More details, visit
12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
13 | # org.gradle.parallel=true
14 | # AndroidX package structure to make it clearer which packages are bundled with the
15 | # Android operating system, and which are packaged with your app"s APK
16 | # https://developer.android.com/topic/libraries/support-library/androidx-rn
17 | android.useAndroidX=true
18 | # Automatically convert third-party libraries to use AndroidX
19 | android.enableJetifier=true
20 | # Kotlin code style for this project: "official" or "obsolete":
21 | kotlin.code.style=official


--------------------------------------------------------------------------------
/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 | 


--------------------------------------------------------------------------------
/lib/.gitignore:
--------------------------------------------------------------------------------
1 | /build


--------------------------------------------------------------------------------
/lib/build.gradle:
--------------------------------------------------------------------------------
 1 | plugins {
 2 |     id 'com.android.library'
 3 |     id 'kotlin-android'
 4 | }
 5 | 
 6 | android {
 7 |     compileSdkVersion 30
 8 |     buildToolsVersion "30.0.2"
 9 | 
10 |     defaultConfig {
11 |         minSdkVersion 16
12 |         targetSdkVersion 30
13 |         versionCode 1
14 |         versionName "1.0"
15 | 
16 |         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
17 |         consumerProguardFiles "consumer-rules.pro"
18 |     }
19 | 
20 |     buildTypes {
21 |         release {
22 |             minifyEnabled false
23 |             proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
24 |         }
25 |     }
26 |     compileOptions {
27 |         sourceCompatibility JavaVersion.VERSION_1_8
28 |         targetCompatibility JavaVersion.VERSION_1_8
29 |     }
30 |     kotlinOptions {
31 |         jvmTarget = '1.8'
32 |     }
33 | }
34 | 
35 | dependencies {
36 | 
37 |     implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
38 |     implementation 'androidx.core:core-ktx:1.3.2'
39 |     implementation 'androidx.appcompat:appcompat:1.2.0'
40 |     implementation 'com.google.android.material:material:1.2.1'
41 |     implementation "org.jetbrains.kotlin:kotlin-reflect:$kotlin_version"
42 | 
43 |     testImplementation 'junit:junit:4.+'
44 |     androidTestImplementation 'androidx.test.ext:junit:1.1.2'
45 |     androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
46 | }


--------------------------------------------------------------------------------
/lib/consumer-rules.pro:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/lib/consumer-rules.pro


--------------------------------------------------------------------------------
/lib/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


--------------------------------------------------------------------------------
/lib/src/androidTest/java/com/nowocode/lib/ExampleInstrumentedTest.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.lib
 2 | 
 3 | import androidx.test.platform.app.InstrumentationRegistry
 4 | import androidx.test.ext.junit.runners.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.getInstrumentation().targetContext
22 |         assertEquals("com.nowocode.lib.test", appContext.packageName)
23 |     }
24 | }


--------------------------------------------------------------------------------
/lib/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <manifest xmlns:android="http://schemas.android.com/apk/res/android"
3 |     package="com.nowocode.lib">
4 | 
5 | </manifest>


--------------------------------------------------------------------------------
/lib/src/main/java/com/nowocode/lib.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/lib/src/main/java/com/nowocode/lib.zip


--------------------------------------------------------------------------------
/lib/src/main/java/com/nowocode/lib/OnboardingManager.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.lib
 2 | 
 3 | import android.app.Activity
 4 | import android.content.Context
 5 | import android.view.View
 6 | import com.nowocode.lib.ui.model.OnboardingAction
 7 | import com.nowocode.lib.ui.model.VerticalPosition
 8 | 
 9 | interface OnboardingManager {
10 | 
11 |     /**
12 |      * A callback that is executed after user has gone through the onboarding flow
13 |      */
14 |     fun onDone(callback: () -> Unit): OnboardingManager
15 | 
16 |     /**
17 |      * The current visible activity. It is required for adding the mask
18 |      */
19 |     fun setActivity(activity: Activity): OnboardingManager
20 | 
21 |     /**
22 |      * If called then the onboarding flow wil have an initial fade-in animation
23 |      *
24 |      * @param durationInMs the total length of the fade-in animation
25 |      * @param fromAlpha the start value at which the fade-in should happen (recommended is 0)
26 |      * @param toAlpha the final alpha level to which the onboarding flow will be animated to
27 |      */
28 |     fun setFadeIn(
29 |         durationInMs: Long = 1500L,
30 |         fromAlpha: Float = 0f,
31 |         toAlpha: Float = 0.8f
32 |     ): OnboardingManager
33 | 
34 | 
35 |     /**
36 |      * Sets the hint text at the bottom of the scaffold, which tells the user how to
37 |      * continue through the onboarding process.
38 |      *
39 |      * @param text the hint text that should be displayed
40 |      */
41 |     fun setContinueHintText(text: String): OnboardingManager
42 | 
43 |     /**
44 |      * Adds an [OnboardingAction], the actions are shown in insertion order
45 |      *
46 |      * @param action an action contains all the information about your feature that you want to
47 |      *               display within your flow
48 |      */
49 |     fun addAction(
50 |         action: OnboardingAction
51 |     ): OnboardingManager
52 | 
53 |     /**
54 |      * Starts the onboarding flow.
55 |      */
56 |     fun start()
57 | 
58 | 
59 |     companion object {
60 |         fun instance(context: Context): OnboardingManager = OnboardingManagerImpl(context)
61 |     }
62 | }


--------------------------------------------------------------------------------
/lib/src/main/java/com/nowocode/lib/OnboardingManagerImpl.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.lib
 2 | 
 3 | import android.app.Activity
 4 | import android.content.Context
 5 | import android.content.res.Configuration.ORIENTATION_LANDSCAPE
 6 | import android.util.Log
 7 | import android.widget.FrameLayout
 8 | import com.nowocode.lib.ui.model.OnboardingAction
 9 | import com.nowocode.lib.ui.OnboardingScaffold
10 | 
11 | internal class OnboardingManagerImpl(context: Context) : OnboardingManager {
12 |     private var onBoardingView: OnboardingScaffold = OnboardingScaffold(context)
13 |     private lateinit var activity: Activity
14 | 
15 |     override fun setActivity(activity: Activity): OnboardingManager {
16 |         this.activity = activity
17 |         return this
18 |     }
19 | 
20 |     override fun setFadeIn(
21 |         durationInMs: Long,
22 |         fromAlpha: Float,
23 |         toAlpha: Float
24 |     ): OnboardingManager {
25 |         onBoardingView.shouldFadeIn = true
26 |         onBoardingView.fadeInStartAlpha = fromAlpha
27 |         onBoardingView.fadeInStopAlpha = toAlpha
28 |         onBoardingView.fadeInDuration = durationInMs
29 |         return this
30 |     }
31 | 
32 |     override fun setContinueHintText(text: String): OnboardingManager {
33 |         onBoardingView.continueHintText = text
34 |         return this
35 |     }
36 | 
37 | 
38 |     override fun addAction(
39 |         action: OnboardingAction,
40 |     ): OnboardingManager {
41 |         onBoardingView.addOnBoardingAction(
42 |             action
43 |         )
44 |         return this
45 |     }
46 | 
47 |     override fun start() {
48 |         if (activity.resources.configuration.orientation == ORIENTATION_LANDSCAPE) {
49 |             Log.e(this.javaClass.name, "Landscape mode is currently not supported.")
50 |             return
51 |         }
52 |         onBoardingView.initAnimator()
53 |         activity.addContentView(
54 |             onBoardingView,
55 |             FrameLayout.LayoutParams(
56 |                 FrameLayout.LayoutParams.MATCH_PARENT,
57 |                 FrameLayout.LayoutParams.MATCH_PARENT
58 |             )
59 |         )
60 |         onBoardingView.bringToFront()
61 |         onBoardingView.invalidate()
62 |     }
63 | 
64 |     override fun onDone(callback: () -> Unit): OnboardingManager {
65 |         onBoardingView.onboardingDoneCallback = callback
66 | 
67 |         return this
68 |     }
69 | 
70 | }


--------------------------------------------------------------------------------
/lib/src/main/java/com/nowocode/lib/ui/OnboardingCloseable.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.lib.ui
 2 | 
 3 | import android.content.Context
 4 | import android.graphics.Canvas
 5 | import android.graphics.Color
 6 | import android.graphics.Paint
 7 | import android.util.AttributeSet
 8 | import android.view.MotionEvent
 9 | import android.view.View
10 | 
11 | class OnboardingCloseable : View {
12 |     private val clickThreshHold = 1000
13 |     internal var onClose: (() -> Unit)? = null
14 |     private val whiteStrokePaint = Paint()
15 | 
16 |     constructor(context: Context) : this(context, null)
17 |     constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0)
18 |     constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
19 |         context,
20 |         attrs,
21 |         defStyleAttr
22 |     )
23 | 
24 |     init {
25 |         whiteStrokePaint.apply {
26 |             color = Color.WHITE
27 |             isAntiAlias = true
28 |             strokeWidth = 4f
29 |             style = Paint.Style.STROKE
30 |             strokeJoin = Paint.Join.ROUND
31 |             strokeCap = Paint.Cap.ROUND
32 |         }
33 | 
34 |     }
35 | 
36 |     override fun onDraw(canvas: Canvas?) {
37 |         super.onDraw(canvas)
38 | 
39 |         canvas?.drawCircle(
40 |             width / 2f,
41 |             height / 2f,
42 |             height.toFloat() / 2.3f,
43 |             whiteStrokePaint
44 |         )
45 | 
46 |         val closeableInnerOffset = 8
47 | 
48 |         canvas?.drawLine(
49 |             width / 2f - closeableInnerOffset,
50 |             height / 2f - closeableInnerOffset,
51 |             width / 2f + closeableInnerOffset,
52 |             height / 2f + closeableInnerOffset,
53 |             whiteStrokePaint
54 |         )
55 | 
56 |         canvas?.drawLine(
57 |             width / 2f + closeableInnerOffset,
58 |             height / 2f - closeableInnerOffset,
59 |             width / 2f - closeableInnerOffset,
60 |             height / 2f + closeableInnerOffset,
61 |             whiteStrokePaint
62 |         )
63 |     }
64 | 
65 |     override fun onTouchEvent(event: MotionEvent?): Boolean {
66 |         event?.let {
67 |             val duration = it.eventTime - it.downTime
68 |             if (duration < clickThreshHold && event.action == MotionEvent.ACTION_UP) {
69 |                 this.onClose?.invoke()
70 |             }
71 |         }
72 | 
73 |         return true
74 |     }
75 | }


--------------------------------------------------------------------------------
/lib/src/main/java/com/nowocode/lib/ui/OnboardingMessage.kt:
--------------------------------------------------------------------------------
  1 | package com.nowocode.lib.ui
  2 | 
  3 | import android.content.Context
  4 | import android.graphics.*
  5 | import android.os.Build
  6 | import android.util.AttributeSet
  7 | import android.widget.FrameLayout
  8 | import androidx.annotation.RequiresApi
  9 | 
 10 | class OnboardingMessage : FrameLayout {
 11 |     private val backgroundPaint = Paint()
 12 |     private val trianglePaint = Paint()
 13 |     private val titlePaint = Paint()
 14 |     private val textPaint = Paint()
 15 |     private var title: String =
 16 |         "Too many people are not thinking."
 17 |     private var text: String =
 18 |         "Using this feature you can do this and that, but unfortunately it is a very rare skill! The people today are not thinking anymore. The problems and scandals of the past are unresolved and will stay unresolved because of the ignorant, uneducated new popularism generation."
 19 |     private val scale = context.resources.displayMetrics.density
 20 |     private val padding = 8 * scale // 8dp
 21 |     internal var yPosOffset = 0f
 22 |     internal var messageBubbleHeight = 0f
 23 | 
 24 |     constructor(context: Context) : this(context, null)
 25 |     constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0)
 26 |     constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
 27 |         context,
 28 |         attrs,
 29 |         defStyleAttr
 30 |     ) {
 31 |         setUpPaints()
 32 |     }
 33 | 
 34 |     internal fun setUp(title: String, text: String) {
 35 |         this.title = title
 36 |         this.text = text
 37 |     }
 38 | 
 39 |     private fun setUpPaints() {
 40 |         backgroundPaint.color = Color.WHITE
 41 |         backgroundPaint.style = Paint.Style.FILL
 42 | 
 43 |         titlePaint.color = Color.BLACK
 44 |         titlePaint.isAntiAlias = true
 45 |         titlePaint.textSize = 14 * scale
 46 |         titlePaint.style = Paint.Style.FILL
 47 |         titlePaint.typeface = Typeface.create(Typeface.MONOSPACE, Typeface.BOLD);
 48 | 
 49 |         textPaint.color = Color.BLACK
 50 |         textPaint.isAntiAlias = true
 51 |         textPaint.textSize = 12 * scale
 52 | 
 53 | 
 54 |         trianglePaint.color = Color.BLACK
 55 |         trianglePaint.style = Paint.Style.FILL
 56 |         setWillNotDraw(false)
 57 |     }
 58 | 
 59 |     @RequiresApi(Build.VERSION_CODES.LOLLIPOP)
 60 |     override fun onDraw(canvas: Canvas?) {
 61 |         canvas?.let {
 62 |             val lastY = drawContent(it)
 63 |             val bottomPadding = padding
 64 |             it.drawRoundRect(
 65 |                 padding * 2,
 66 |                 padding,
 67 |                 width.toFloat() - padding * 2,
 68 |                 lastY - bottomPadding,
 69 |                 15f,
 70 |                 15f,
 71 |                 backgroundPaint
 72 |             )
 73 | 
 74 |             messageBubbleHeight = lastY - bottomPadding
 75 |             yPosOffset = padding
 76 |             drawContent(it)
 77 |         }
 78 |     }
 79 | 
 80 |     private fun drawContent(canvas: Canvas): Float {
 81 |         // Contains the latest Y position after a widget has been rendered.
 82 |         // It is used to render new elements below the latest rendered one
 83 |         var lastYPosition = renderText(canvas, title, titlePaint, 0f)
 84 | 
 85 |         lastYPosition += 2 * padding
 86 |         canvas.drawLine(
 87 |             0f + 2 * padding,
 88 |             lastYPosition,
 89 |             width - 2 * padding,
 90 |             let {
 91 |                 lastYPosition += 1
 92 |                 lastYPosition
 93 |             },
 94 |             textPaint
 95 |         )
 96 | 
 97 |         lastYPosition += renderText(canvas, text, textPaint, lastYPosition)
 98 | 
 99 |         return lastYPosition
100 |     }
101 | 
102 |     private fun renderText(canvas: Canvas, text: String, paint: Paint, yOffset: Float): Float {
103 |         var lastYPosition = yOffset
104 |         if (isTextWiderThanScreen(text, paint)) {
105 |             // we need to break the title down into multipe lines
106 |             val textParts = mutableListOf<String>()
107 |             var tempStringHolder = ""
108 |             text.split(" ")
109 |                 .map { titleWord ->
110 |                     if (!isTextWiderThanScreen(tempStringHolder, paint))
111 |                         tempStringHolder += "$titleWord "
112 |                     else {
113 |                         // text is too long
114 |                         textParts.add(tempStringHolder)
115 |                         tempStringHolder = ""
116 |                     }
117 |                 }
118 |             if (tempStringHolder != "") {
119 |                 textParts.add("$tempStringHolder ")
120 |                 tempStringHolder = ""
121 |             }
122 |             val textRect = Rect()
123 |             textParts.forEachIndexed { index, textPart ->
124 |                 paint.getTextBounds(
125 |                     textPart,
126 |                     0,
127 |                     textPart.length,
128 |                     textRect
129 |                 )
130 |                 lastYPosition += padding + textRect.height()
131 |                 if (index == 0)
132 |                     lastYPosition += padding
133 | 
134 |                 canvas.drawText(
135 |                     textPart,
136 |                     width / 2 - (paint.measureText(textPart) / 2),
137 |                     lastYPosition,
138 |                     paint
139 |                 )
140 |             }
141 |         } else {
142 |             lastYPosition += padding * 4
143 |             canvas.drawText(
144 |                 this.title,
145 |                 width / 2 - paint.measureText(this.title) / 2 - padding,
146 |                 lastYPosition,
147 |                 paint
148 |             )
149 |         }
150 | 
151 |         return lastYPosition
152 |     }
153 | 
154 |     private fun isTextWiderThanScreen(text: String, paint: Paint): Boolean {
155 |         val measuredTextWidth = paint.measureText(text)
156 |         return measuredTextWidth > (width - 16 * padding)
157 |     }
158 | }


--------------------------------------------------------------------------------
/lib/src/main/java/com/nowocode/lib/ui/OnboardingScaffold.kt:
--------------------------------------------------------------------------------
  1 | package com.nowocode.lib.ui
  2 | 
  3 | import android.animation.ValueAnimator
  4 | import android.annotation.SuppressLint
  5 | import android.content.Context
  6 | import android.graphics.*
  7 | import android.util.AttributeSet
  8 | import android.view.MotionEvent
  9 | import android.view.ViewGroup
 10 | import android.widget.FrameLayout
 11 | import android.widget.TextView
 12 | import androidx.appcompat.widget.AppCompatTextView
 13 | import com.nowocode.lib.ui.model.OnboardingAction
 14 | import com.nowocode.lib.ui.model.VerticalPosition
 15 | 
 16 | 
 17 | internal class OnboardingScaffold : FrameLayout {
 18 |     private val featurePaint = Paint()
 19 |     private val arrowIndicatorPaint = Paint()
 20 |     private val pathPaint = Paint()
 21 |     private val actionIndexCirclePaint = Paint()
 22 |     private val currentActionIndexCirclePaint = Paint()
 23 |     private val textPaint = Paint()
 24 | 
 25 |     private val scale = context.resources.displayMetrics.density
 26 |     private val padding: Float = 8 * scale // 8dp
 27 |     private val actions: MutableList<OnboardingAction> = mutableListOf()
 28 |     private val featureViewCoordinates = IntArray(2)
 29 |     private var onboardingMessageView: OnboardingMessage = OnboardingMessage(context)
 30 |     private var onBoardingMessageLayoutParams = LayoutParams(0, 0)
 31 |     private val closeableView = OnboardingCloseable(context)
 32 | 
 33 |     private val opacityAnimator = ValueAnimator()
 34 |     private var currentDisplayedAction = 0
 35 |     private val clickThreshHold = 1000
 36 | 
 37 |     /** fade in settings */
 38 |     private var isAnimating = false
 39 |     private var currentOpacityBackgroundLevel = 0
 40 |     internal var shouldFadeIn = false
 41 |     internal var fadeInDuration: Long = 0
 42 |     internal var fadeInStartAlpha = 0f
 43 |     internal var fadeInStopAlpha = 0.75f
 44 | 
 45 |     /** message bubble */
 46 |     private var messageHeight = height * 0.3f
 47 | 
 48 |     /** hint text */
 49 |     internal var continueHintText = "Tap on the screen to continue"
 50 | 
 51 |     internal var onboardingDoneCallback: (() -> Unit)? = null
 52 | 
 53 |     constructor(context: Context) : this(context, null)
 54 |     constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0)
 55 |     constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
 56 |         context,
 57 |         attrs,
 58 |         defStyleAttr
 59 |     ) {
 60 |         setUpBackgroundPaint()
 61 |         addView(onboardingMessageView, onBoardingMessageLayoutParams)
 62 |         addView(closeableView, 70, 70)
 63 |     }
 64 | 
 65 |     internal fun initAnimator() {
 66 |         opacityAnimator.duration = fadeInDuration
 67 |         opacityAnimator.setIntValues(
 68 |             (255 * fadeInStartAlpha).toInt(),
 69 |             (255 * fadeInStopAlpha).toInt()
 70 |         )
 71 |         opacityAnimator.addUpdateListener {
 72 |             val opacityLevel = it.animatedValue as Int
 73 |             currentOpacityBackgroundLevel = opacityLevel
 74 |             invalidate()
 75 |         }
 76 |     }
 77 | 
 78 |     private fun setUpBackgroundPaint() {
 79 |         featurePaint.xfermode = PorterDuffXfermode(PorterDuff.Mode.CLEAR)
 80 |         featurePaint.isAntiAlias = true
 81 | 
 82 |         arrowIndicatorPaint.style = Paint.Style.FILL
 83 |         arrowIndicatorPaint.strokeWidth = 3f
 84 |         arrowIndicatorPaint.isAntiAlias = true
 85 |         arrowIndicatorPaint.color = Color.RED
 86 | 
 87 |         pathPaint.color = Color.WHITE
 88 |         pathPaint.isAntiAlias = true
 89 |         pathPaint.apply {
 90 |             strokeWidth = 5f
 91 |             style = Paint.Style.FILL
 92 |             strokeJoin = Paint.Join.ROUND
 93 |             strokeCap = Paint.Cap.ROUND
 94 |         }
 95 | 
 96 |         actionIndexCirclePaint.apply {
 97 |             color = Color.WHITE
 98 |             isAntiAlias = true
 99 |             strokeWidth = 1f
100 |             style = Paint.Style.STROKE
101 |             strokeJoin = Paint.Join.ROUND
102 |             strokeCap = Paint.Cap.ROUND
103 |         }
104 | 
105 |         currentActionIndexCirclePaint.apply {
106 |             color = Color.WHITE
107 |             isAntiAlias = true
108 |             strokeWidth = 1f
109 |             style = Paint.Style.FILL
110 |             strokeJoin = Paint.Join.ROUND
111 |             strokeCap = Paint.Cap.ROUND
112 |         }
113 | 
114 |         textPaint.apply {
115 |             color = Color.WHITE
116 |             isAntiAlias = true
117 |             strokeWidth = 1f
118 |             style = Paint.Style.FILL_AND_STROKE
119 |             strokeJoin = Paint.Join.ROUND
120 |             strokeCap = Paint.Cap.ROUND
121 |             textSize = 12.0f * scale
122 |         }
123 | 
124 |         setWillNotDraw(false)
125 |     }
126 | 
127 |     fun addOnBoardingAction(action: OnboardingAction) {
128 |         actions.add(action)
129 |     }
130 | 
131 |     /**
132 |      * Right now there are some allocations happening in onDraw.
133 |      * This should not be a noticable performance issue but still is not nice,
134 |      * so I'll leave cleaning it up as a TODO here and suppress the lint warning until then
135 |      */
136 |     @SuppressLint("DrawAllocation")
137 |     override fun onDraw(canvas: Canvas?) {
138 |         if (actions.isEmpty())
139 |             return
140 | 
141 |         val screenBitMap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
142 |         val screenCanvas = Canvas(screenBitMap)
143 |         if (isAnimating || !shouldFadeIn) {
144 |             screenCanvas.drawARGB(
145 |                 currentOpacityBackgroundLevel,
146 |                 0,
147 |                 0,
148 |                 0
149 |             )
150 |         } else {
151 |             isAnimating = true
152 |             opacityAnimator.start()
153 |             return
154 |         }
155 | 
156 |         // Draw the action
157 |         actions[currentDisplayedAction].let { element ->
158 |             // Save the X, Y positions of the view into an int array
159 |             element.view.getLocationOnScreen(featureViewCoordinates)
160 | 
161 |             drawFeatureViewRect(screenCanvas, element)
162 |             setUpMessageBubble(screenCanvas, element)
163 |         }
164 | 
165 |         canvas?.drawBitmap(screenBitMap, 0f, 0f, Paint())
166 |     }
167 | 
168 |     private fun getOnboardingMessageCenter() =
169 |         onboardingMessageView.y + onboardingMessageView.yPosOffset + onboardingMessageView.messageBubbleHeight / 2
170 | 
171 |     private fun drawFeatureViewRect(canvas: Canvas, action: OnboardingAction) {
172 |         val v = action.view
173 |         val viewHeight = v.height
174 |         val viewWidth = v.width
175 | 
176 |         val featureViewRect =
177 |             if (v.javaClass.superclass == AppCompatTextView::class.java && v is TextView) {
178 |                 RectF(
179 |                     featureViewCoordinates[0].toFloat() - padding,
180 |                     featureViewCoordinates[1].toFloat() - viewHeight - padding,
181 |                     featureViewCoordinates[0].toFloat() + viewWidth + padding,
182 |                     featureViewCoordinates[1].toFloat() + (v.minHeight) + padding,
183 |                 )
184 |             } else {
185 |                 RectF(
186 |                     featureViewCoordinates[0].toFloat() - padding,
187 |                     featureViewCoordinates[1].toFloat() - (viewHeight / 2) - padding,
188 |                     featureViewCoordinates[0].toFloat() + viewWidth + padding,
189 |                     featureViewCoordinates[1].toFloat() + (viewHeight / 2) + padding,
190 |                 )
191 |             }
192 | 
193 |         canvas.drawRoundRect(
194 |             featureViewRect,
195 |             15f,
196 |             15f,
197 |             featurePaint
198 |         )
199 | 
200 |         addCloseable()
201 |     }
202 | 
203 |     private fun setUpMessageBubble(canvas: Canvas, action: OnboardingAction) {
204 |         val viewHeight = action.view.height.toFloat()
205 |         val messageBubbleYPosition = action.getTopOrBottomValue(
206 |             topValue = featureViewCoordinates[1] - 2 * padding - messageHeight,
207 |             botValue = featureViewCoordinates[1] + viewHeight + padding  // 3 * viewHeight / 2 + padding
208 |         )
209 | 
210 |         onboardingMessageView.setUp(
211 |             action.title,
212 |             action.text
213 |         )
214 |         onboardingMessageView.layoutParams = onBoardingMessageLayoutParams
215 |         onboardingMessageView.translationY = messageBubbleYPosition
216 | 
217 |         drawMessageBubbleArrow(
218 |             canvas,
219 |             action,
220 |             messageBubbleYPosition
221 |         )
222 |         drawActionIndexIndicator(canvas)
223 |     }
224 | 
225 |     private fun drawMessageBubbleArrow(
226 |         canvas: Canvas,
227 |         element: OnboardingAction,
228 |         messageBubbleYPosition: Float
229 |     ) {
230 |         val p = Path()
231 |         val viewWidth = element.view.width
232 |         val arcRect = RectF(
233 |             featureViewCoordinates[0] + viewWidth / 2 - padding,
234 |             element.getTopOrBottomValue(
235 |                 getOnboardingMessageCenter(),
236 |                 messageBubbleYPosition - padding
237 |             ),
238 |             featureViewCoordinates[0] + viewWidth / 2 + padding,
239 |             element.getTopOrBottomValue(
240 |                 getOnboardingMessageCenter() + onboardingMessageView.messageBubbleHeight / 2 + padding,
241 |                 messageBubbleYPosition + messageHeight / 2
242 |             )
243 |         )
244 |         p.addArc(
245 |             arcRect,
246 |             340f,
247 |             -180f
248 |         )
249 |         p.addArc(
250 |             arcRect,
251 |             340f,
252 |             +180f
253 |         )
254 | 
255 |         canvas.drawPath(p, pathPaint)
256 | 
257 |         canvas.drawText(
258 |             continueHintText,
259 |             width / 2 - textPaint.measureText(continueHintText) / 2,
260 |             height - 2 * padding,
261 |             textPaint
262 |         )
263 |     }
264 | 
265 |     private fun drawActionIndexIndicator(canvas: Canvas) {
266 |         val countOfActions = actions.size
267 |         val circleRadius = padding / 2
268 | 
269 |         for (i in 0 until countOfActions) {
270 |             canvas.drawCircle(
271 |                 width / 2f - ((countOfActions / 2) - i) * (1.5f * padding),
272 |                 height - 6 * padding,
273 |                 circleRadius,
274 |                 if (i == currentDisplayedAction)
275 |                     currentActionIndexCirclePaint
276 |                 else
277 |                     actionIndexCirclePaint
278 |             )
279 |         }
280 |     }
281 | 
282 |     private fun addCloseable() {
283 |         closeableView.translationY = 4 * padding
284 |         closeableView.translationX = width - 4 * padding
285 |         closeableView.onClose = {
286 |             this.onboardingDoneCallback?.invoke()
287 |             finish()
288 |         }
289 |     }
290 | 
291 |     override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
292 |         messageHeight = h * 0.3f
293 |         onBoardingMessageLayoutParams = LayoutParams(
294 |             w,
295 |             (h * 0.3).toInt()
296 |         )
297 | 
298 |         onboardingMessageView.invalidate()
299 | 
300 |         super.onSizeChanged(w, h, oldw, oldh)
301 |     }
302 | 
303 |     override fun onTouchEvent(event: MotionEvent?): Boolean {
304 |         event?.let {
305 |             val duration = it.eventTime - it.downTime
306 |             if (duration < clickThreshHold && event.action == MotionEvent.ACTION_UP) {
307 |                 if (currentDisplayedAction < actions.size - 1) {
308 |                     currentDisplayedAction++
309 |                     invalidate()
310 |                 } else {
311 |                     // We displayed our features, we can now safely delete the Scaffold
312 |                     finish()
313 |                 }
314 |             }
315 |         }
316 | 
317 |         return true
318 |     }
319 | 
320 |     private fun finish() {
321 |         this.actions.clear()
322 |         (parent as ViewGroup)
323 |             .removeView(this)
324 |         this.onboardingDoneCallback?.invoke()
325 |         this.onboardingDoneCallback = null
326 |     }
327 | 
328 |     // returns the topValue if the element is placed at the top else bottom value
329 |     // this is an useful helper method when you need to calculate two different values
330 |     // based on the position of the message bubble
331 |     private fun <T> OnboardingAction.getTopOrBottomValue(topValue: T, botValue: T): T =
332 |         if (this.verticalPosition == VerticalPosition.TOP) topValue else botValue
333 | }


--------------------------------------------------------------------------------
/lib/src/main/java/com/nowocode/lib/ui/model/OnboardingAction.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.lib.ui.model
 2 | 
 3 | import android.view.View
 4 | import java.lang.ref.WeakReference
 5 | 
 6 | data class OnboardingAction(
 7 |     val view: View,
 8 |     val text: String,
 9 |     val title: String,
10 |     val verticalPosition: VerticalPosition
11 | )


--------------------------------------------------------------------------------
/lib/src/main/java/com/nowocode/lib/ui/model/VerticalPosition.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.lib.ui.model
 2 | 
 3 | enum class VerticalPosition {
 4 |     TOP,
 5 |     BOTTOM
 6 | }
 7 | 
 8 | fun VerticalPosition.inverse(): VerticalPosition = when (this) {
 9 |     VerticalPosition.TOP -> VerticalPosition.BOTTOM
10 |     else -> VerticalPosition.TOP
11 | }


--------------------------------------------------------------------------------
/lib/src/test/java/com/nowocode/lib/ExampleUnitTest.kt:
--------------------------------------------------------------------------------
 1 | package com.nowocode.lib
 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 | }


--------------------------------------------------------------------------------
/onboardingflow-animation-v1.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/MrIceman/onboardingflow/67305dccc9b00deb2b7bd3148b4db293945c9818/onboardingflow-animation-v1.gif


--------------------------------------------------------------------------------
/settings.gradle:
--------------------------------------------------------------------------------
1 | include ':lib'
2 | include ':app'
3 | rootProject.name = "onboardingflow"


--------------------------------------------------------------------------------