Included Splash Screen and Onboarding Screen

Author: codenameobi

.idea/gradle.xml

@@ -2,10 +2,12 @@ apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
 apply plugin: 'kotlin-android-extensions'
 
+
 android {
     compileSdkVersion 30
     buildToolsVersion "30.0.2"
 
+
     defaultConfig {
         applicationId "com.wellnesscity.health"
         minSdkVersion 22
@@ -30,8 +32,15 @@ dependencies {
     implementation 'androidx.core:core-ktx:1.3.2'
     implementation 'androidx.appcompat:appcompat:1.2.0'
     implementation 'androidx.constraintlayout:constraintlayout:2.0.1'
+    //noinspection GradleCompatible,GradleCompatible
+    implementation 'com.android.support:appcompat-v7:28.0.0'
+    implementation 'com.android.support.constraint:constraint-layout:2.0.1'
     testImplementation 'junit:junit:4.12'
     androidTestImplementation 'androidx.test.ext:junit:1.1.2'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
 
+    //ViewPager2
+    implementation 'androidx.viewpager2:viewpager2:1.1.0-alpha01'
+    //Material Design
+    implementation 'com.google.android.material:material:1.3.0-alpha03'
 }

.idea/jarRepositories.xml

@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
     package="com.wellnesscity.health">
 
     <application
@@ -9,13 +10,16 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
-        <activity android:name=".MainActivity">
+
+        <activity android:name=".MainActivity"></activity>
+        <activity android:name=".SplashScreenActivity">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
 
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+        <activity android:name=".OnboardingActivity"></activity>
     </application>
 
 </manifest>

.idea/misc.xml

@@ -0,0 +1,7 @@
+package com.wellnesscity.health
+
+data class IntroSlide(
+        val title: String,
+        val description: String,
+        val icon: Int
+)

.idea/vcs.xml

@@ -0,0 +1,43 @@
+package com.wellnesscity.health
+
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+
+class IntroSliderAdapter(private val introSlides: List<IntroSlide>)
+    : RecyclerView.Adapter<IntroSliderAdapter.IntroSlideViewHolder>(){
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): IntroSlideViewHolder {
+         return IntroSlideViewHolder(
+             LayoutInflater.from(parent.context).inflate(
+                     R.layout.slide_item_container,
+                     parent,
+                     false
+             )
+         )
+    }
+
+    override fun getItemCount(): Int {
+        return introSlides.size
+    }
+
+    override fun onBindViewHolder(holder: IntroSlideViewHolder, position: Int) {
+        holder.bind(introSlides[position])
+    }
+
+    inner class IntroSlideViewHolder(view: View) : RecyclerView.ViewHolder(view) {
+
+        private val textTitle = view.findViewById<TextView>(R.id.textTitle)
+        private val textDescription = view.findViewById<TextView>(R.id.textDescription)
+        private val imageIcon = view.findViewById<ImageView>(R.id.imageSlideIcon)
+
+        fun bind(introSlide: IntroSlide) {
+            textTitle.text = introSlide.title
+            textDescription.text = introSlide.description
+            imageIcon.setImageResource(introSlide.icon)
+        }
+    }
+}

app/build.gradle

@@ -0,0 +1,86 @@
+package com.wellnesscity.health
+
+import androidx.appcompat.app.AppCompatActivity
+import android.os.Bundle
+import android.view.ViewGroup.LayoutParams.WRAP_CONTENT
+import android.widget.ImageView
+import android.widget.LinearLayout
+import androidx.core.content.ContextCompat
+import androidx.core.view.get
+import kotlinx.android.synthetic.main.onboarding_screen.*
+
+class OnboardingActivity : AppCompatActivity() {
+
+    private val introSliderAdapter = IntroSliderAdapter(
+            listOf(
+                IntroSlide(
+                        "Health Tips / Advice",
+                        "Discover tips and advice to help you to help maintain transform and main your health",
+                        R.drawable.ic_bro
+                ),
+                IntroSlide(
+                        "Diet Tips / Advice",
+                        "Find out basics of health diet and good nutrition, Start eating well and keep a balanced diet",
+                        R.drawable.ic_amico
+                ),
+                IntroSlide(
+                        "Covid 19 Symptoms/Prevention tips",
+                        "Get regular Reminders of Covid19 prevention tips ensuring you stay safe",
+                        R.drawable.ic_pana
+                )
+            )
+    )
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.onboarding_screen)
+        introSliderViewPager.adapter = introSliderAdapter
+        setupIndicators()
+        setCurrentIndicator(0)
+    }
+
+    private fun setupIndicators() {
+        val indicators = arrayOfNulls<ImageView>(introSliderAdapter.itemCount)
+        val layoutParams: LinearLayout.LayoutParams =
+                LinearLayout.LayoutParams(WRAP_CONTENT, WRAP_CONTENT)
+        layoutParams.setMargins(8,0,8,0)
+        for(i in indicators.indices) {
+            indicators[i] = ImageView(applicationContext)
+            indicators[i].apply {
+                this?.setImageDrawable(
+                        ContextCompat.getDrawable(
+                                applicationContext,
+                                R.drawable.indicator_inactive
+                        )
+                )
+                this?.layoutParams = layoutParams
+            }
+            indicatorsContainer.addView(indicators[i])
+        }
+
+    }
+
+    private fun setCurrentIndicator(index: Int){
+        val childCount = indicatorsContainer.childCount
+        for (i in 0 until childCount) {
+            val imageView = indicatorsContainer[i] as ImageView
+            if (i == index){
+                imageView.setImageDrawable(
+                        ContextCompat.getDrawable(
+                              applicationContext,
+                              R.drawable.indicator_active
+                        )
+                )
+            } else {
+                imageView.setImageDrawable(
+                        ContextCompat.getDrawable(
+                                applicationContext,
+                                R.drawable.indicator_inactive
+                        )
+                )
+            }
+        }
+
+    }
+
+}

app/src/main/AndroidManifest.xml

@@ -0,0 +1,21 @@
+package com.wellnesscity.health
+
+import android.content.Intent
+import androidx.appcompat.app.AppCompatActivity
+import android.os.Bundle
+import android.os.Handler
+
+class SplashScreenActivity : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.splash_screen)
+
+        supportActionBar?.hide()
+
+        Handler().postDelayed({
+            val intent = Intent (this@SplashScreenActivity, OnboardingActivity::class.java)
+            startActivity(intent)
+            finish()
+        }, 3000)
+    }
+}