Fixed more tag animation bug.

Author: sreekuttan-yml

core/ui/src/main/java/co/yml/coreui/core/ui/ytag/model/TagViewData.kt

@@ -23,4 +23,4 @@ data class TagViewData(
     val overFlowText: (Int) -> String = { _ -> "" }
 )
 
-data class AlphaAnimation(var enabled: Boolean = true, val durationMillis: Int = 650)
+data class AlphaAnimation(var enabled: Boolean = false, val durationMillis: Int = 650)

feature/ytag/src/main/java/co/yml/coreui/feature/ytag/ui/YTagActivity.kt

@@ -2,7 +2,6 @@ package co.yml.coreui.feature.ytag.ui
 
 import android.content.Context
 import android.os.Bundle
-import android.util.Log
 import android.widget.Toast
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
@@ -34,6 +33,7 @@ import androidx.compose.ui.unit.sp
 import co.yml.coreui.core.ui.templates.AppBarWithBackButton
 import co.yml.coreui.core.ui.theme.CoreUICatalogTheme
 import co.yml.coreui.core.ui.ytag.TagViewContainer
+import co.yml.coreui.core.ui.ytag.model.AlphaAnimation
 import co.yml.coreui.core.ui.ytag.model.TagViewContainerModifiers
 import co.yml.coreui.core.ui.ytag.model.TagViewData
 import co.yml.coreui.core.ui.ytag.model.TagViewModifiers
@@ -48,12 +48,15 @@ class YTagActivity : ComponentActivity() {
         super.onCreate(savedInstanceState)
         setContent {
             CoreUICatalogTheme {
-                Scaffold(modifier = Modifier.fillMaxSize(), containerColor = CoreUICatalogTheme.colors.background, topBar = {
-                    AppBarWithBackButton(stringResource(id = R.string.title_y_tag),
-                        onBackPressed = {
-                            onBackPressed()
-                        })
-                }) {
+                Scaffold(
+                    modifier = Modifier.fillMaxSize(),
+                    containerColor = CoreUICatalogTheme.colors.background,
+                    topBar = {
+                        AppBarWithBackButton(stringResource(id = R.string.title_y_tag),
+                            onBackPressed = {
+                                onBackPressed()
+                            })
+                    }) {
                     Column(
                         modifier = Modifier
                             .fillMaxSize()
@@ -289,7 +292,9 @@ fun capsuleTagData(context: Context, backgroundColor: Color, textColor: Color):
     return TagViewData(
         text = context.getString(co.yml.coreui.feature.ytag.R.string.tag_capsule),
         tagViewModifiers = TagViewModifiers.Builder().width(90.dp).shape(CircleShape)
-            .backgroundColor(backgroundColor).textColor(textColor).style(textStyle).build()
+            .backgroundColor(backgroundColor).textColor(textColor).style(textStyle).alphaAnimation(
+                AlphaAnimation(enabled = true)
+            ).build()
     )
 }
 
@@ -302,7 +307,9 @@ fun rectangleTagData(context: Context, backgroundColor: Color, textColor: Color)
     return TagViewData(
         text = context.getString(co.yml.coreui.feature.ytag.R.string.tag_rectangle),
         tagViewModifiers = TagViewModifiers.Builder().width(90.dp).shape(RectangleShape)
-            .backgroundColor(backgroundColor).textColor(textColor).style(textStyle).build()
+            .backgroundColor(backgroundColor).textColor(textColor).style(textStyle).alphaAnimation(
+                AlphaAnimation(enabled = true)
+            ).build()
     )
 }
 
@@ -317,6 +324,9 @@ fun roundRectTagData(context: Context, backgroundColor: Color, textColor: Color)
         tagViewModifiers = TagViewModifiers.Builder()
             .shape(RoundedCornerShape(context.resources.getDimension(R.dimen.padding_small)))
             .width(140.dp).backgroundColor(backgroundColor).textColor(textColor).style(textStyle)
+            .alphaAnimation(
+                AlphaAnimation(enabled = true)
+            )
             .build()
     )
 }
@@ -332,7 +342,9 @@ fun leadingIconTagData(
     return TagViewData(text = context.getString(co.yml.coreui.feature.ytag.R.string.tag_leading_icon),
         tagViewModifiers = TagViewModifiers.Builder().width(120.dp).maxLines(1)
             .overFlow(TextOverflow.Ellipsis).shape(CircleShape).backgroundColor(backgroundColor)
-            .textColor(textColor).fontStyle(FontStyle.Italic).build(),
+            .textColor(textColor).fontStyle(FontStyle.Italic).alphaAnimation(
+                AlphaAnimation(enabled = true)
+            ).build(),
         leadingIcon = { tagViewData ->
             IconButton(modifier = Modifier.size(dimensionResource(id = R.dimen.padding_normal_medium)),
                 onClick = {
@@ -363,7 +375,9 @@ fun trailingIconData(
     return TagViewData(text = context.getString(co.yml.coreui.feature.ytag.R.string.tag_trailing_icon),
         tagViewModifiers = TagViewModifiers.Builder().width(150.dp).maxLines(1)
             .textAlign(TextAlign.Start).overFlow(TextOverflow.Ellipsis).shape(CircleShape)
-            .backgroundColor(backgroundColor).textColor(textColor).fontSize(15.sp).build(),
+            .backgroundColor(backgroundColor).textColor(textColor).fontSize(15.sp).alphaAnimation(
+                AlphaAnimation(enabled = true)
+            ).build(),
         trailingIcon = { tagViewData ->
             IconButton(modifier = Modifier
                 .padding(end = dimensionResource(id = R.dimen.padding_medium))
@@ -394,7 +408,10 @@ fun leadingIconTrailingIconData(
     return TagViewData(text = context.getString(co.yml.coreui.feature.ytag.R.string.tag_leading_trailing_icon),
         tagViewModifiers = TagViewModifiers.Builder().width(140.dp).maxLines(1)
             .overFlow(TextOverflow.Ellipsis).shape(CircleShape).backgroundColor(backgroundColor)
-            .maxLines(1).overFlow(TextOverflow.Ellipsis).textColor(textColor).onCLick {}.build(),
+            .maxLines(1).overFlow(TextOverflow.Ellipsis).textColor(textColor).onCLick {}
+            .alphaAnimation(
+                AlphaAnimation(enabled = true)
+            ).build(),
         leadingIcon = { tagViewData ->
             IconButton(modifier = Modifier.size(dimensionResource(id = R.dimen.padding_normal_medium)),
                 onClick = {
@@ -438,7 +455,9 @@ fun borderTagData(
         .borderColor(Color.Red)
         .borderWidth(dimensionResource(id = R.dimen.padding_very_tiny))
         .style(textStyle).maxLines(1)
-        .overFlow(TextOverflow.Ellipsis).build()
+        .overFlow(TextOverflow.Ellipsis).alphaAnimation(
+            AlphaAnimation(enabled = true)
+        ).build()
 
     return TagViewData(
         text = context.getString(co.yml.coreui.feature.ytag.R.string.tag_border),
@@ -456,7 +475,9 @@ fun shadowTagData(
         .textColor(textColor)
         .backgroundColor(backgroundColor)
         .shape(CircleShape).shadowElevation(dimensionResource(id = R.dimen.padding_tiny))
-        .style(textStyle).maxLines(1).overFlow(TextOverflow.Ellipsis).build()
+        .style(textStyle).maxLines(1).overFlow(TextOverflow.Ellipsis).alphaAnimation(
+            AlphaAnimation(enabled = true)
+        ).build()
 
     return TagViewData(
         text = stringResource(id = co.yml.coreui.feature.ytag.R.string.tag_shadow),