Merge pull request #17 from tuuhin/onboarding

New Onboarding Flow & Improvements in App Settings

Author: tuuhin

.idea/gradle.xml

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Tuhin Bhowmick
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

LICENCE

@@ -1,13 +1,12 @@
 # :studio_microphone: RecorderApp
 
 An android audio recorder app, designed to simplify the process of capturing and managing
-recordings.
-With a clean and intuitive interface, this app offers a seamless user experience.
+recordings. With a clean and intuitive interface, this app offers a seamless user experience.
 
 ## 💁 About
 
-A fully functioned recorder app with an ability to record over multiple media codec like **acc**,\*
-\*amr**,**opus\*\* over different quality. The app can continue its recording in the background, so you
+A fully functioned recorder app with an ability to record over multiple media codec like **acc**,*
+*amr**,**opus** over different quality. The app can continue its recording in the background, so you
 never miss a moment. Once the recording, you can easily manage your files within the app.
 There `built-in player`, you can listen to your recordings directly within the app or use the
 convenient media notification for playback control.
@@ -77,31 +76,17 @@ playing stuff.
 
 ## :new: What's new
 
-This update introduces a **built-in Audio Editor** alongside significant enhancements to the player:
-
-- **✂️ Unleash Your Inner Editor:** Now you can precisely `trim` and `cut` your recordings directly
-  within the app! Remove unwanted sections and refine your audio effortlessly.
-- 💾 **Save Your Edits:** Preserve your edited masterpieces! The app now allows you to **save the
-  modified audio files** to your device's storage.
-- ⏯️ **Dedicated Editor Player:** A **secondary player** is integrated within the editor, providing
-  you with focused playback control during the editing process, with undo and redo options to
-  reapply your edits.
-- 🚀 **Under the Hood Improvements:** Fix issues with visualization via `new-visualizer` logic. A new
-  speed selected UI is added to the player and others.
-
-This update is all about giving you more control over your recordings, from capture to refinement.
+The latest update to the **RecorderApp** contains a new onboarding screen added with some settings
+route improvements
 
 ## :next_track_button: What's next
 
-For the time being, RecorderApp encompasses all initially planned features and is considered
-complete. Future releases are not currently scheduled.
+For the time being, RecorderApp encompasses all initially planned features and is
+considered complete. Future releases are not currently scheduled.
 
 If you have any new ideas or suggestions for enhancements, we encourage you to create a
 new [Issue](https://github.com/tuuhin/RecorderApp/issues) on GitHub.
 
-We are considering potential additions to the audio editor, such as audio processors like `db-gain`
-and `low-pass-filter`.
-
 ## :hammer_and_wrench: Getting Started
 
 Here are the steps to get started with this app:

README.md

@@ -16,8 +16,8 @@ android {
 		applicationId = "com.eva.recorderapp"
 		minSdk = libs.versions.minSdk.get().toInt()
 		targetSdk = libs.versions.compileSdk.get().toInt()
-		versionCode = 9
-		versionName = "1.3.1"
+		versionCode = 10
+		versionName = "1.4.0"
 
 		testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
 		vectorDrawables {
@@ -105,5 +105,6 @@ dependencies {
 	implementation(project(":feature:editor"))
 	implementation(project(":feature:settings"))
 	implementation(project(":feature:widget"))
+	implementation(project(":feature:onboarding"))
 
 }

app/build.gradle.kts

@@ -17,7 +17,7 @@
     tools:targetApi="33">
 
     <activity
-      android:name=".MainActivity"
+      android:name="com.eva.feature_onboarding.OnBoardingActivity"
       android:exported="true"
       android:launchMode="singleTop"
       android:theme="@style/Theme.App.Starting"
@@ -27,6 +27,16 @@
         <action android:name="android.intent.action.MAIN" />
         <category android:name="android.intent.category.LAUNCHER" />
       </intent-filter>
+
+    </activity>
+
+    <activity
+      android:name=".MainActivity"
+      android:exported="true"
+      android:launchMode="singleTop"
+      android:theme="@style/Theme.App.Starting"
+      android:windowSoftInputMode="adjustResize">
+
       <!-- For app deep-links-->
       <intent-filter>
         <action android:name="android.intent.action.VIEW" />
@@ -57,7 +67,7 @@
   </application>
 
   <queries>
-    <intent >
+    <intent>
       <action android:name="android.speech.RecognitionService" />
     </intent>
   </queries>

app/src/main/AndroidManifest.xml

@@ -1,24 +1,18 @@
 package com.eva.recorderapp
 
-import android.animation.AnimatorSet
-import android.animation.ObjectAnimator
 import android.content.Intent
+import android.os.Build
 import android.os.Bundle
-import android.view.View
-import android.view.animation.AccelerateDecelerateInterpolator
-import android.view.animation.AccelerateInterpolator
-import android.view.animation.DecelerateInterpolator
+import android.view.Window
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
-import androidx.core.animation.doOnEnd
-import androidx.core.animation.doOnStart
-import androidx.core.splashscreen.SplashScreen
 import androidx.core.splashscreen.SplashScreen.Companion.installSplashScreen
 import androidx.navigation.NavHostController
 import com.eva.recorderapp.navigation.AppNavHost
+import com.eva.ui.R
 import com.eva.ui.theme.RecorderAppTheme
 import dagger.hilt.android.AndroidEntryPoint
 
@@ -28,16 +22,15 @@ class MainActivity : ComponentActivity() {
 	private var navController: NavHostController? = null
 
 	override fun onCreate(savedInstanceState: Bundle?) {
-
-		val splash = installSplashScreen()
+		// splash needs to be initiated here
+		installSplashScreen()
 
 		super.onCreate(savedInstanceState)
 
 		// set enable edge to edge normally
 		enableEdgeToEdge()
-		// on splash complete again enable edge to edge
-		splash.animateOnExit(onAnimationEnd = { enableEdgeToEdge() })
-
+		// set activity transitions
+		setTransitions()
 
 		setContent {
 			RecorderAppTheme {
@@ -56,74 +49,23 @@ class MainActivity : ComponentActivity() {
 		super.onNewIntent(intent)
 		navController?.handleDeepLink(intent)
 	}
-}
-
-private fun SplashScreen.animateOnExit(
-	onAnimationStart: () -> Unit = {},
-	onAnimationEnd: () -> Unit = {}
-) {
-	val screenViewDuration = 200L
-
-	setOnExitAnimationListener { screenView ->
-		// do all the animation is a reverse way
-		val interpolator = AccelerateDecelerateInterpolator()
-
-		val iconScaleXAnimation = ObjectAnimator
-			.ofFloat(screenView.iconView, View.SCALE_X, 1f, 0.5f)
-			.apply {
-				this.interpolator = interpolator
-				this.duration = screenView.iconAnimationDurationMillis
-			}
-
-		val iconScaleYAnimation = ObjectAnimator
-			.ofFloat(screenView.iconView, View.SCALE_Y, 1f, 0.5f)
-			.apply {
-				this.interpolator = interpolator
-				this.duration = screenView.iconAnimationDurationMillis
-			}
-
-		val iconTranslateYAnimation = ObjectAnimator
-			.ofFloat(screenView.iconView, View.TRANSLATION_Y, 0.0f, 20.0f)
-			.apply {
-				this.interpolator = interpolator
-				this.duration = screenView.iconAnimationDurationMillis
-			}
 
-		val viewFadeAnimation = ObjectAnimator
-			.ofFloat(screenView.view, View.ALPHA, 1.0f, .2f)
-			.apply {
-				this.interpolator = DecelerateInterpolator()
-				this.duration = screenViewDuration
-			}
-
-		val viewTranslateAnimation = ObjectAnimator.ofFloat(
-			screenView.view,
-			View.TRANSLATION_Y,
-			0f,
-			screenView.view.height.toFloat()
-		).apply {
-			this.interpolator = AccelerateInterpolator()
-			this.duration = screenViewDuration
-		}
-
-		val viewAnimatorSet = AnimatorSet().apply {
-			playTogether(viewFadeAnimation, viewTranslateAnimation)
-			doOnEnd {
-				screenView.remove()
-				onAnimationEnd()
-			}
-		}
-
-		val iconAnimatorSet = AnimatorSet().apply {
-			playTogether(
-				iconScaleXAnimation,
-				iconScaleYAnimation,
-				iconTranslateYAnimation
+	@Suppress("DEPRECATION")
+	private fun setTransitions() {
+		// allow activity transitions
+		window.requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS)
+		// set transitions
+		if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.UPSIDE_DOWN_CAKE) {
+			overrideActivityTransition(
+				OVERRIDE_TRANSITION_OPEN,
+				R.anim.activity_enter_transition,
+				R.anim.activity_exit_transition
+			)
+		} else {
+			overridePendingTransition(
+				R.anim.activity_enter_transition,
+				R.anim.activity_exit_transition
 			)
-			doOnEnd { viewAnimatorSet.start() }
-			doOnStart { onAnimationStart() }
-
 		}
-		iconAnimatorSet.start()
 	}
 }

app/src/main/java/com/eva/recorderapp/MainActivity.kt

@@ -11,9 +11,14 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.ExperimentalLayoutApi
 import androidx.compose.foundation.layout.FlowRow
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.sizeIn
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Code
+import androidx.compose.material.icons.filled.Draw
 import androidx.compose.material3.AlertDialogDefaults
 import androidx.compose.material3.Badge
 import androidx.compose.material3.Icon
@@ -40,6 +45,7 @@ import androidx.navigation.compose.dialog
 import com.eva.recorderapp.BuildConfig
 import com.eva.ui.R
 import com.eva.ui.navigation.NavDialogs
+import com.eva.ui.theme.DownloadableFonts
 import com.eva.ui.theme.RecorderAppTheme
 import com.eva.utils.ApplicationInfo
 
@@ -79,7 +85,7 @@ private fun AppDialogInfoContent(
 				Icon(
 					painter = painterResource(id = R.drawable.ic_launcher_foreground),
 					contentDescription = stringResource(R.string.app_name),
-					modifier = Modifier.size(56.dp),
+					modifier = Modifier.size(64.dp),
 					tint = iconColor
 				)
 				Text(
@@ -102,12 +108,14 @@ private fun AppDialogInfoContent(
 						Text(
 							text = BuildConfig.VERSION_NAME,
 							style = MaterialTheme.typography.labelMedium,
+							fontFamily = DownloadableFonts.PLUS_CODE_LATIN_FONT_FAMILY,
 							modifier = Modifier.padding(vertical = 2.dp, horizontal = 4.dp)
 						)
 					}
 				}
+				Spacer(modifier = Modifier.height(8.dp))
 				FlowRow(
-					horizontalArrangement = Arrangement.spacedBy(12.dp),
+					horizontalArrangement = Arrangement.spacedBy(16.dp),
 					verticalArrangement = Arrangement.Center,
 					modifier = Modifier.align(Alignment.CenterHorizontally),
 				) {
@@ -119,7 +127,7 @@ private fun AppDialogInfoContent(
 						shape = MaterialTheme.shapes.large,
 						icon = {
 							Icon(
-								painter = painterResource(id = R.drawable.ic_code),
+								imageVector = Icons.Default.Code,
 								contentDescription = stringResource(id = R.string.app_info_source_code)
 							)
 						},
@@ -136,7 +144,7 @@ private fun AppDialogInfoContent(
 						shape = MaterialTheme.shapes.large,
 						icon = {
 							Icon(
-								painter = painterResource(id = R.drawable.ic_author),
+								imageVector = Icons.Default.Draw,
 								contentDescription = stringResource(id = R.string.app_info_author)
 							)
 						},

app/src/main/java/com/eva/recorderapp/navigation/routes/AppInfoDialog.kt

@@ -17,6 +17,7 @@ dependencies {
 	// navigation
 	implementation(libs.androidx.navigation.compose)
 	implementation(libs.kotlinx.serialization.json)
+	implementation(libs.androidx.core.splashscreen)
 
 	// hilt viewmodel
 	implementation(libs.androidx.hilt.navigation.compose)

app/src/main/res/values-v31/themes.xml

@@ -15,6 +15,7 @@ private val provider = GoogleFont.Provider(
 private val PLUS_CODE_LATIN = GoogleFont("M PLUS Code Latin")
 private val NOVA_MONO = GoogleFont("Nova Mono")
 private val SPLINE_SANS_MONO = GoogleFont("Spline Sans Mono")
+private val FIRA_SANS = GoogleFont("Fira Sans")
 
 object DownloadableFonts {
 	val PLUS_CODE_LATIN_FONT_FAMILY = FontFamily(
@@ -39,5 +40,13 @@ object DownloadableFonts {
 			weight = FontWeight.Medium
 		)
 	)
+
+	val FIRA_SANS_FONT_FAMILY = FontFamily(
+		Font(
+			googleFont = FIRA_SANS,
+			fontProvider = provider,
+			weight = FontWeight.Medium
+		)
+	)
 }