Merge pull request #5 from kadubhumika/pr-2

Enhanced Splash Screen

Author: cavin-macwan

app/src/main/AndroidManifest.xml

@@ -20,10 +20,10 @@
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
         android:fullBackupContent="@xml/backup_rules"
-        android:icon="@mipmap/ic_launcher"
+        android:icon="@drawable/logo"
         android:label="@string/app_name"
         android:name=".MyApplication"
-        android:roundIcon="@mipmap/ic_launcher_round"
+        android:roundIcon="@drawable/logo"
         android:supportsRtl="true"
         android:theme="@style/Theme.JetpackBoilerplate">
         <activity

app/src/main/java/com/cavin/material3expressivecatalog/SplashScreen.kt

@@ -0,0 +1,108 @@
+package com.cavin.material3expressivecatalog
+
+import androidx.compose.animation.core.*
+import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.Image
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.graphicsLayer
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.delay
+import kotlin.random.Random
+
+@Composable
+fun PremiumSplashScreen(onSplashFinished: () -> Unit) {
+    val scale = remember { Animatable(0f) }
+
+    // Infinite transitions for logo animation
+    val infiniteTransition = rememberInfiniteTransition()
+    val rotation by infiniteTransition.animateFloat(
+        initialValue = -10f,
+        targetValue = 10f,
+        animationSpec = infiniteRepeatable(
+            tween(1000, easing = FastOutSlowInEasing),
+            repeatMode = RepeatMode.Reverse
+        )
+    )
+    val pulse by infiniteTransition.animateFloat(
+        initialValue = 1f,
+        targetValue = 1.1f,
+        animationSpec = infiniteRepeatable(
+            tween(800, easing = FastOutSlowInEasing),
+            repeatMode = RepeatMode.Reverse
+        )
+    )
+    val bounce by infiniteTransition.animateFloat(
+        initialValue = 0f,
+        targetValue = -20f,
+        animationSpec = infiniteRepeatable(
+            tween(600, easing = FastOutSlowInEasing),
+            repeatMode = RepeatMode.Reverse
+        )
+    )
+
+    
+    val particleCount = 27
+    val particles = remember {
+        List(particleCount) {
+            Particle(
+                x = Random.nextFloat() * 800f,
+                y = Random.nextFloat() * 1600f,
+                radius = Random.nextFloat() * 4f + 2f,
+                alpha = Random.nextFloat() * 0.5f + 0.3f
+            )
+        }
+    }
+
+    // Animate logo scale in
+    LaunchedEffect(Unit) {
+        scale.animateTo(1f, tween(1000, easing = FastOutSlowInEasing))
+        delay(2000) // splash duration
+        onSplashFinished()
+    }
+
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.Black),
+        contentAlignment = Alignment.Center
+    ) {
+        // Draw floating particles
+        Canvas(modifier = Modifier.fillMaxSize()) {
+            particles.forEach { p ->
+                drawCircle(
+                    color = Color.White.copy(alpha = p.alpha),
+                    radius = p.radius,
+                    center = androidx.compose.ui.geometry.Offset(p.x, p.y)
+                )
+            }
+        }
+
+        // Logo animation
+        Image(
+            painter = painterResource(id = R.drawable.logo),
+            contentDescription = "App Logo",
+            modifier = Modifier
+                .size(200.dp)
+                .graphicsLayer {
+                    scaleX = scale.value * pulse
+                    scaleY = scale.value * pulse
+                    translationY = bounce
+                    rotationZ = rotation
+                    shadowElevation = 20f
+                }
+        )
+    }
+}
+
+data class Particle(
+    var x: Float,
+    var y: Float,
+    var radius: Float,
+    var alpha: Float
+)

app/src/main/java/com/cavin/material3expressivecatalog/navigation/AppNavigation.kt

@@ -20,12 +20,14 @@ import androidx.compose.animation.slideOutHorizontally
 import androidx.compose.animation.togetherWith
 import androidx.compose.runtime.Composable
 import androidx.lifecycle.viewmodel.navigation3.rememberViewModelStoreNavEntryDecorator
+import androidx.navigation.NavController
 import androidx.navigation3.runtime.entry
 import androidx.navigation3.runtime.entryProvider
 import androidx.navigation3.runtime.rememberNavBackStack
 import androidx.navigation3.runtime.rememberSavedStateNavEntryDecorator
 import androidx.navigation3.ui.NavDisplay
 import androidx.navigation3.ui.rememberSceneSetupNavEntryDecorator
+import com.cavin.material3expressivecatalog.PremiumSplashScreen
 import com.cavin.material3expressivecatalog.components.bottomappbar.bottomAppBarNavGraph
 import com.cavin.material3expressivecatalog.components.buttongroup.groupButtonNavGraph
 import com.cavin.material3expressivecatalog.components.buttons.buttonNavGraph
@@ -41,7 +43,8 @@ import com.cavin.material3expressivecatalog.home.HomeScreen
 
 @Composable
 fun AppNavigation() {
-    val backStack = rememberNavBackStack(Routes.HomeRoute)
+    val backStack = rememberNavBackStack(Routes.SplashRoute)
+
 
     NavDisplay(
         entryDecorators =
@@ -70,6 +73,16 @@ fun AppNavigation() {
         },
         entryProvider =
         entryProvider {
+            entry<Routes.SplashRoute> {
+                PremiumSplashScreen(
+                    onSplashFinished = {
+                        backStack.removeLastOrNull()
+                        backStack.add(Routes.HomeRoute)
+                    }
+                )
+            }
+
+
             entry<Routes.HomeRoute> {
                 HomeScreen(
                     onNavigateToButtonGroup = { backStack.add(ButtonGroupRoutes.ListingRoute) },

app/src/main/java/com/cavin/material3expressivecatalog/navigation/AppRoutes.kt

@@ -21,6 +21,10 @@ import kotlinx.serialization.Serializable
 sealed interface Routes {
     @Serializable
     data object HomeRoute : NavKey, Routes
+
+    @Serializable
+    data object SplashRoute : NavKey, Routes
+
 }
 
 sealed interface ButtonGroupRoutes :