[Feat]: 애니메이션 적용 (#106)

gradle/libs.versions.toml

@@ -39,7 +39,7 @@ ktor = "2.3.7"
 kotlinx-serialization = "1.6.1"
 # UI
 coil-compose = "2.4.0"
-lottie = "5.2.0"
+lottie-compose = "5.2.0"
 holix-bottomsheet-compose = "1.3.1"
 chargemap-picker-compose = "1.0.3"
 constraintlayout-compose = "1.0.1"
@@ -96,7 +96,7 @@ kotlinx-serialization = { module = "org.jetbrains.kotlinx:kotlinx-serialization-
 # UI
 coil-compose = { module = "io.coil-kt:coil-compose", version.ref = "coil-compose" }
 ted-permission = { module = "io.github.ParkSangGwon:tedpermission-coroutine", version.ref = "ted-permission" }
-lottie = { module = "com.airbnb.android:lottie", version.ref = "lottie" }
+lottie-compose = { module = "com.airbnb.android:lottie-compose", version.ref = "lottie-compose" }
 holix-bottomsheet-compose = { module = "com.holix.android:bottomsheetdialog-compose", version.ref = "holix-bottomsheet-compose" }
 chargemap-picker-compose = { module = "com.chargemap.compose:numberpicker", version.ref = "chargemap-picker-compose" }
 constraintlayout-compose = { module = "androidx.constraintlayout:constraintlayout-compose", version.ref = "constraintlayout-compose" }

presentation/build.gradle.kts

@@ -59,7 +59,7 @@ dependencies {
     implementation(libs.hilt.compose)
 
     implementation(libs.bundles.androidx.presentation)
-    implementation(libs.lottie)
+    implementation(libs.lottie.compose)
     implementation(libs.coil.compose)
     implementation(libs.holix.bottomsheet.compose)
     implementation(libs.chargemap.picker.compose)

presentation/src/main/kotlin/ac/dnd/mour/android/presentation/ui/main/home/history/HistoryViewModel.kt

@@ -46,9 +46,9 @@ class HistoryViewModel @Inject constructor(
                 { getGroupHeartHistoryUseCase() },
                 { getUnrecordedScheduleListUseCase("") }
             ).onSuccess { (groups, unrecordedSchedule) ->
-                _state.value = HistoryState.Init
                 _groups.value = groups
                 _unrecordedSchedule.value = unrecordedSchedule
+                _state.value = HistoryState.Init
             }.onFailure { exception ->
                 _state.value = HistoryState.Init
                 when (exception) {

presentation/src/main/kotlin/ac/dnd/mour/android/presentation/ui/main/home/history/detail/HistoryDetailBackgroundComponent.kt

@@ -29,6 +29,7 @@ import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
@@ -38,6 +39,10 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
+import com.airbnb.lottie.compose.LottieAnimation
+import com.airbnb.lottie.compose.LottieCompositionSpec
+import com.airbnb.lottie.compose.LottieConstants
+import com.airbnb.lottie.compose.rememberLottieComposition
 import kotlinx.datetime.LocalDate
 
 @Composable
@@ -49,13 +54,58 @@ fun HistoryDetailBackgroundComponent(
     onClickGrowthInfo: () -> Unit,
     onClickBack: () -> Unit
 ) {
+
+    val animationBottomOffset = when(currentGrowthType){
+        HistoryDetailGrowthType.LEVEL_ONE -> (-42.73).dp
+        HistoryDetailGrowthType.LEVEL_TWO -> (-3.38).dp
+        HistoryDetailGrowthType.LEVEL_THREE -> 21.92.dp
+        HistoryDetailGrowthType.LEVEL_FOUR -> 18.18.dp
+        HistoryDetailGrowthType.LEVEL_FIVE -> 19.53.dp
+        HistoryDetailGrowthType.LEVEL_SIX -> 9.37.dp
+    }
+
+    val animationEndOffset = when(currentGrowthType){
+        HistoryDetailGrowthType.LEVEL_ONE -> (-44.24).dp
+        HistoryDetailGrowthType.LEVEL_TWO -> (-15.51).dp
+        HistoryDetailGrowthType.LEVEL_THREE -> (-13.78).dp
+        HistoryDetailGrowthType.LEVEL_FOUR -> (-12.74).dp
+        HistoryDetailGrowthType.LEVEL_FIVE -> 3.72.dp
+        HistoryDetailGrowthType.LEVEL_SIX -> 99.14.dp
+    }
+
+    val animationRaw = when(currentGrowthType){
+        HistoryDetailGrowthType.LEVEL_ONE -> R.raw.history_lv_1
+        HistoryDetailGrowthType.LEVEL_TWO -> R.raw.history_lv_2
+        HistoryDetailGrowthType.LEVEL_THREE -> R.raw.history_lv_3
+        HistoryDetailGrowthType.LEVEL_FOUR -> R.raw.history_lv_4
+        HistoryDetailGrowthType.LEVEL_FIVE -> R.raw.history_lv_5
+        HistoryDetailGrowthType.LEVEL_SIX -> R.raw.history_lv_6
+    }
+    val composition by rememberLottieComposition(
+        spec = LottieCompositionSpec.RawRes(resId = animationRaw)
+    )
+
     Box(
         modifier = Modifier
             .fillMaxWidth()
             .height(contentHeight)
             .background(color = Color(currentGrowthType.backgroundColor))
     ) {
 
+        Box(
+            modifier = Modifier
+                .align(Alignment.BottomEnd)
+                .offset(
+                    y = animationBottomOffset,
+                    x = animationEndOffset
+                )
+        ){
+            LottieAnimation(
+                composition = composition,
+                iterations =  LottieConstants.IterateForever
+            )
+        }
+
         Box(
             modifier = Modifier
                 .align(Alignment.BottomStart)
@@ -109,11 +159,6 @@ fun HistoryDetailBackgroundComponent(
             )
         }
 
-        //TODO Lottie
-        Box(
-            modifier = Modifier.align(Alignment.BottomEnd)
-        )
-
         Column(
             modifier = Modifier
                 .fillMaxSize()
@@ -226,73 +271,140 @@ fun HistoryDetailBackgroundComponent(
     }
 }
 
+private val sampleHistoryDetailModel = HistoryDetailModel(
+    state = HistoryDetailState.Init,
+    relationDetail = RelationDetailWithUserInfo(
+        id = 0L,
+        name = "김진우",
+        imageUrl = "",
+        memo = "무르는 경사비 관리앱으로 사용자가 다양한 개인적인 축하 상황에 대해 금전적 기여를 쉽게 할 수 있게 돕는 모바일 애플리케이션입니다",
+        group = RelationDetailGroup(
+            id = 0,
+            name = "친척"
+        ),
+        giveMoney = 100000L,
+        takeMoney = 100000L
+    ),
+    hearts = listOf(
+        RelatedHeart(
+            id = 0,
+            give = true,
+            money = 10000,
+            day = LocalDate(2024, 1, 23),
+            event = "생일",
+            memo = "메모 내용 한 줄 넘어가면 숨김 처리",
+            tags = listOf()
+        ),
+        RelatedHeart(
+            id = 0,
+            give = true,
+            money = 10000,
+            day = LocalDate(2024, 1, 24),
+            event = "생일",
+            memo = "메모 내용 한 줄 넘어가면 숨김 처리",
+            tags = HistoryTagType.entries.map { it.tagName }
+        ),
+        RelatedHeart(
+            id = 0,
+            give = false,
+            money = 500000,
+            day = LocalDate(2024, 1, 25),
+            event = "생일",
+            memo = "메모 내용 한 줄 넘어가면 숨김 처리 메모 내용 한 줄 넘어가면 숨김 처리 ",
+            tags = listOf("참석", "현금")
+        ),
+        RelatedHeart(
+            id = 0,
+            give = false,
+            money = 10000,
+            day = LocalDate(2024, 1, 26),
+            event = "생일",
+            memo = "메모 내용 한 줄 넘어가면 숨김 처리",
+            tags = listOf()
+        ),
+        RelatedHeart(
+            id = 0,
+            give = true,
+            money = 10000,
+            day = LocalDate(2024, 1, 27),
+            event = "생일",
+            memo = "메모 내용 한 줄 넘어가면 숨김 처리",
+            tags = listOf()
+        ),
+    )
+)
+
 @Preview
 @Composable
-fun HistoryDetailBackgroundComponentPreview() {
+fun HistoryDetailBackgroundComponent1Preview() {
     HistoryDetailBackgroundComponent(
         currentGrowthType = HistoryDetailGrowthType.LEVEL_SIX,
-        model = HistoryDetailModel(
-            state = HistoryDetailState.Init,
-            relationDetail = RelationDetailWithUserInfo(
-                id = 0L,
-                name = "김진우",
-                imageUrl = "",
-                memo = "무르는 경사비 관리앱으로 사용자가 다양한 개인적인 축하 상황에 대해 금전적 기여를 쉽게 할 수 있게 돕는 모바일 애플리케이션입니다",
-                group = RelationDetailGroup(
-                    id = 0,
-                    name = "친척"
-                ),
-                giveMoney = 100000L,
-                takeMoney = 100000L
-            ),
-            hearts = listOf(
-                RelatedHeart(
-                    id = 0,
-                    give = true,
-                    money = 10000,
-                    day = LocalDate(2024, 1, 23),
-                    event = "생일",
-                    memo = "메모 내용 한 줄 넘어가면 숨김 처리",
-                    tags = listOf()
-                ),
-                RelatedHeart(
-                    id = 0,
-                    give = true,
-                    money = 10000,
-                    day = LocalDate(2024, 1, 24),
-                    event = "생일",
-                    memo = "메모 내용 한 줄 넘어가면 숨김 처리",
-                    tags = HistoryTagType.entries.map { it.tagName }
-                ),
-                RelatedHeart(
-                    id = 0,
-                    give = false,
-                    money = 500000,
-                    day = LocalDate(2024, 1, 25),
-                    event = "생일",
-                    memo = "메모 내용 한 줄 넘어가면 숨김 처리 메모 내용 한 줄 넘어가면 숨김 처리 ",
-                    tags = listOf("참석", "현금")
-                ),
-                RelatedHeart(
-                    id = 0,
-                    give = false,
-                    money = 10000,
-                    day = LocalDate(2024, 1, 26),
-                    event = "생일",
-                    memo = "메모 내용 한 줄 넘어가면 숨김 처리",
-                    tags = listOf()
-                ),
-                RelatedHeart(
-                    id = 0,
-                    give = true,
-                    money = 10000,
-                    day = LocalDate(2024, 1, 27),
-                    event = "생일",
-                    memo = "메모 내용 한 줄 넘어가면 숨김 처리",
-                    tags = listOf()
-                ),
-            )
-        ),
+        model = sampleHistoryDetailModel,
+        contentHeight = 480.dp,
+        onClickRelationInfo = {},
+        onClickGrowthInfo = {},
+        onClickBack = {}
+    )
+}
+
+@Preview
+@Composable
+fun HistoryDetailBackgroundComponent2Preview() {
+    HistoryDetailBackgroundComponent(
+        currentGrowthType = HistoryDetailGrowthType.LEVEL_ONE,
+        model = sampleHistoryDetailModel,
+        contentHeight = 480.dp,
+        onClickRelationInfo = {},
+        onClickGrowthInfo = {},
+        onClickBack = {}
+    )
+}
+
+@Preview
+@Composable
+fun HistoryDetailBackgroundComponent3Preview() {
+    HistoryDetailBackgroundComponent(
+        currentGrowthType = HistoryDetailGrowthType.LEVEL_TWO,
+        model = sampleHistoryDetailModel,
+        contentHeight = 480.dp,
+        onClickRelationInfo = {},
+        onClickGrowthInfo = {},
+        onClickBack = {}
+    )
+}
+
+@Preview
+@Composable
+fun HistoryDetailBackgroundComponent4Preview() {
+    HistoryDetailBackgroundComponent(
+        currentGrowthType = HistoryDetailGrowthType.LEVEL_THREE,
+        model = sampleHistoryDetailModel,
+        contentHeight = 480.dp,
+        onClickRelationInfo = {},
+        onClickGrowthInfo = {},
+        onClickBack = {}
+    )
+}
+
+@Preview
+@Composable
+fun HistoryDetailBackgroundComponent5Preview() {
+    HistoryDetailBackgroundComponent(
+        currentGrowthType = HistoryDetailGrowthType.LEVEL_FOUR,
+        model = sampleHistoryDetailModel,
+        contentHeight = 480.dp,
+        onClickRelationInfo = {},
+        onClickGrowthInfo = {},
+        onClickBack = {}
+    )
+}
+
+@Preview
+@Composable
+fun HistoryDetailBackgroundComponent6Preview() {
+    HistoryDetailBackgroundComponent(
+        currentGrowthType = HistoryDetailGrowthType.LEVEL_FIVE,
+        model = sampleHistoryDetailModel,
         contentHeight = 480.dp,
         onClickRelationInfo = {},
         onClickGrowthInfo = {},

presentation/src/main/kotlin/ac/dnd/mour/android/presentation/ui/main/splash/SplashScreen.kt

@@ -1,5 +1,6 @@
 package ac.dnd.mour.android.presentation.ui.main.splash
 
+import ac.dnd.mour.android.presentation.R
 import ac.dnd.mour.android.presentation.common.util.LaunchedEffectWithLifecycle
 import ac.dnd.mour.android.presentation.common.util.alarm.registerAlarm
 import ac.dnd.mour.android.presentation.common.util.alarm.unregisterAlarm
@@ -14,13 +15,18 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.tooling.preview.Preview
+import com.airbnb.lottie.compose.LottieAnimation
+import com.airbnb.lottie.compose.LottieCompositionSpec
+import com.airbnb.lottie.compose.LottieConstants
+import com.airbnb.lottie.compose.rememberLottieComposition
 import kotlinx.coroutines.CoroutineExceptionHandler
 
 @Composable
@@ -34,6 +40,10 @@ fun SplashScreen(
     val scope = rememberCoroutineScope()
     val context = LocalContext.current
 
+    val compositionSplash by rememberLottieComposition(
+        spec = LottieCompositionSpec.RawRes(resId = R.raw.splash)
+    )
+
     fun navigateToLogin() {
         appState.navController.navigate(LoginConstant.ROUTE) {
             popUpTo(SplashConstant.ROUTE) {
@@ -77,7 +87,10 @@ fun SplashScreen(
             ),
         contentAlignment = Alignment.Center
     ) {
-
+        LottieAnimation(
+            composition = compositionSplash,
+            iterations = LottieConstants.IterateForever
+        )
     }
 
     LaunchedEffectWithLifecycle(event, handler) {

presentation/src/main/res/raw/history_lv_1.json

@@ -0,0 +1 @@
+{"v":"4.8.0","meta":{"g":"LottieFiles AE 3.5.4","a":"","k":"","d":"","tc":""},"fr":29.9700012207031,"ip":0,"op":173.000007046434,"w":100,"h":90,"nm":"Group 1437257361-1","ddd":0,"assets":[{"id":"image_0","w":91,"h":84,"u":"","p":"data:image/png;base64,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","e":1}],"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"레이어 1","refId":"image_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[3]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":114,"s":[-3]},{"t":168.00000684278,"s":[0]}],"ix":10},"p":{"a":0,"k":[49.818,86.4,0],"ix":2},"a":{"a":0,"k":[45.482,83.162,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":900.000036657751,"st":0,"bm":0}],"markers":[]}