一些优化

app/src/main/java/io/legado/app/ui/widget/components/image/cover/BookshelfCover.kt

@@ -3,6 +3,8 @@ package io.legado.app.ui.widget.components.image.cover
 import androidx.compose.animation.AnimatedVisibilityScope
 import androidx.compose.animation.ExperimentalSharedTransitionApi
 import androidx.compose.animation.SharedTransitionScope
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
@@ -50,6 +52,18 @@ fun BookshelfCover(
             sharedCoverKey = sharedCoverKey,
         )
 
+        // 使用 animatedVisibilityScope 的 animateEnterExit 为叠加层添加同步动画
+        val overlayModifier = Modifier.then(
+            if (animatedVisibilityScope != null) {
+                with(animatedVisibilityScope) {
+                    Modifier.animateEnterExit(
+                        enter = fadeIn(),
+                        exit = fadeOut()
+                    )
+                }
+            } else Modifier
+        )
+
         if (!badgeText.isNullOrEmpty()) {
             TextCard(
                 text = badgeText,
@@ -57,7 +71,8 @@ fun BookshelfCover(
                 iconSize = 12.dp,
                 modifier = Modifier
                     .align(Alignment.TopEnd)
-                    .padding(2.dp),
+                    .padding(2.dp)
+                    .then(overlayModifier),
                 cornerRadius = 4.dp,
                 horizontalPadding = 4.dp,
                 verticalPadding = 2.dp
@@ -71,7 +86,8 @@ fun BookshelfCover(
                 contentColor = LegadoTheme.colorScheme.onCardContainer,
                 modifier = Modifier
                     .align(Alignment.BottomStart)
-                    .padding(2.dp),
+                    .padding(2.dp)
+                    .then(overlayModifier),
                 cornerRadius = 4.dp,
                 horizontalPadding = 4.dp,
                 verticalPadding = 2.dp
@@ -85,6 +101,7 @@ fun BookshelfCover(
                     .fillMaxWidth()
                     .padding(horizontal = 4.dp, vertical = 6.dp)
                     .height(3.dp)
+                    .then(overlayModifier)
             )
         }
     }

app/src/main/java/io/legado/app/ui/widget/components/image/cover/CoilBookCover.kt

@@ -81,6 +81,17 @@ fun CoilBookCover(
     Box(
         modifier = modifier
             .aspectRatio(5f / 7f)
+            .then(
+                with(sharedTransitionScope) {
+                    if (this != null && animatedVisibilityScope != null && sharedCoverKey != null) {
+                        Modifier.sharedElement(
+                            sharedContentState = rememberSharedContentState(sharedCoverKey),
+                            animatedVisibilityScope = animatedVisibilityScope,
+                            renderInOverlayDuringTransition = true
+                        )
+                    } else Modifier
+                }
+            )
             .then(
                 if (CoverConfig.coverShowShadow) {
                     Modifier.shadow(4.dp, RoundedCornerShape(4.dp))
@@ -94,21 +105,6 @@ fun CoilBookCover(
             )
             .clip(RoundedCornerShape(4.dp))
     ) {
-        val imageContentModifier = Modifier
-            .fillMaxSize()
-            .then(
-                with(sharedTransitionScope) {
-                    if (this != null && animatedVisibilityScope != null && sharedCoverKey != null) {
-                        Modifier.sharedElement(
-                            sharedContentState = rememberSharedContentState(sharedCoverKey),
-                            animatedVisibilityScope = animatedVisibilityScope,
-                            renderInOverlayDuringTransition = true
-                        )
-                    } else Modifier
-                }
-            )
-
-        Box(modifier = imageContentModifier) {
         if (hasCustomDefault && !isOnlineCoverLoaded) {
             AsyncImage(
                 model = buildCoverImageRequest(
@@ -117,6 +113,7 @@ fun CoilBookCover(
                     sourceOrigin = null,
                     loadOnlyWifi = false,
                     crossfade = showLoadingPlaceholder,
+                    memoryCacheKey = randomPath,
                 ),
                 contentDescription = null,
                 imageLoader = koinInject(),
@@ -135,6 +132,7 @@ fun CoilBookCover(
                     sourceOrigin = sourceOrigin,
                     loadOnlyWifi = CoverConfig.loadCoverOnlyWifi,
                     crossfade = showLoadingPlaceholder,
+                    memoryCacheKey = finalPath,
                 ),
                 contentDescription = null,
                 imageLoader = koinInject(),
@@ -156,7 +154,6 @@ fun CoilBookCover(
                 onLoadFinish?.invoke()
             }
         }
-        }
 
         if (showLoadingPlaceholder && !isOnlineCoverLoaded) {
             if (!hasCustomDefault) {

app/src/main/java/io/legado/app/ui/widget/components/image/cover/CoverImageRequest.kt

@@ -9,11 +9,18 @@ fun buildCoverImageRequest(
     sourceOrigin: String?,
     loadOnlyWifi: Boolean,
     crossfade: Boolean = true,
+    memoryCacheKey: String? = null,
     configure: ImageRequest.Builder.() -> Unit = {},
 ): ImageRequest {
     return ImageRequest.Builder(context)
         .data(data)
         .crossfade(crossfade)
+        .apply {
+            if (memoryCacheKey != null) {
+                memoryCacheKey(memoryCacheKey)
+                placeholderMemoryCacheKey(memoryCacheKey)
+            }
+        }
         .setParameter("sourceOrigin", sourceOrigin)
         .setParameter("loadOnlyWifi", loadOnlyWifi)
         .apply(configure)