ChapterDownloadView: Convert to compose (#7354)

2025-11-15 13:37:29 +01:00 · 2022-06-25 02:42:30 +07:00
parent 8e985eb0db
commit a77bce7b37
6 changed files with 187 additions and 140 deletions
--- a/app/src/main/java/eu/kanade/presentation/components/ChapterDownloadIndicator.kt
+++ b/app/src/main/java/eu/kanade/presentation/components/ChapterDownloadIndicator.kt
@@ -0,0 +1,146 @@
+package eu.kanade.presentation.components
+
+import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowDownward
+import androidx.compose.material.icons.filled.CheckCircle
+import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.material3.DropdownMenuItem
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.LocalMinimumTouchTargetEnforcement
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.ProgressIndicatorDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import eu.kanade.presentation.manga.ChapterDownloadAction
+import eu.kanade.presentation.util.secondaryItemAlpha
+import eu.kanade.tachiyomi.R
+import eu.kanade.tachiyomi.data.download.model.Download
+
+@Composable
+fun ChapterDownloadIndicator(
+    modifier: Modifier = Modifier,
+    downloadState: Download.State,
+    downloadProgress: Int,
+    onClick: (ChapterDownloadAction) -> Unit,
+) {
+    Box(modifier = modifier, contentAlignment = Alignment.Center) {
+        CompositionLocalProvider(LocalMinimumTouchTargetEnforcement provides false) {
+            val isDownloaded = downloadState == Download.State.DOWNLOADED
+            val isDownloading = downloadState != Download.State.NOT_DOWNLOADED
+            var isMenuExpanded by remember(downloadState) { mutableStateOf(false) }
+            IconButton(
+                onClick = {
+                    if (isDownloaded || isDownloading) {
+                        isMenuExpanded = true
+                    } else {
+                        onClick(ChapterDownloadAction.START)
+                    }
+                },
+            ) {
+                if (isDownloaded) {
+                    Icon(
+                        imageVector = Icons.Default.CheckCircle,
+                        contentDescription = null,
+                        modifier = Modifier.size(IndicatorSize),
+                        tint = MaterialTheme.colorScheme.onSurfaceVariant,
+                    )
+                    DropdownMenu(expanded = isMenuExpanded, onDismissRequest = { isMenuExpanded = false }) {
+                        DropdownMenuItem(
+                            text = { Text(text = stringResource(id = R.string.action_delete)) },
+                            onClick = {
+                                onClick(ChapterDownloadAction.DELETE)
+                                isMenuExpanded = false
+                            },
+                        )
+                    }
+                } else {
+                    val progressIndicatorModifier = Modifier
+                        .size(IndicatorSize)
+                        .padding(IndicatorStrokeWidth)
+                    val inactiveAlphaModifier = if (!isDownloading) Modifier.secondaryItemAlpha() else Modifier
+                    val arrowModifier = Modifier
+                        .size(IndicatorSize - 7.dp)
+                        .then(inactiveAlphaModifier)
+                    val arrowColor: Color
+                    val strokeColor = MaterialTheme.colorScheme.onSurfaceVariant
+                    if (isDownloading) {
+                        val indeterminate = downloadState == Download.State.QUEUE ||
+                            (downloadState == Download.State.DOWNLOADING && downloadProgress == 0)
+                        if (indeterminate) {
+                            arrowColor = strokeColor
+                            CircularProgressIndicator(
+                                modifier = progressIndicatorModifier,
+                                color = strokeColor,
+                                strokeWidth = IndicatorStrokeWidth,
+                            )
+                        } else {
+                            val animatedProgress by animateFloatAsState(
+                                targetValue = downloadProgress / 100f,
+                                animationSpec = ProgressIndicatorDefaults.ProgressAnimationSpec,
+                            )
+                            arrowColor = if (animatedProgress < 0.5f) {
+                                strokeColor
+                            } else {
+                                MaterialTheme.colorScheme.background
+                            }
+                            CircularProgressIndicator(
+                                progress = animatedProgress,
+                                modifier = progressIndicatorModifier,
+                                color = strokeColor,
+                                strokeWidth = IndicatorSize / 2,
+                            )
+                        }
+                    } else {
+                        arrowColor = strokeColor
+                        CircularProgressIndicator(
+                            progress = 1f,
+                            modifier = progressIndicatorModifier.then(inactiveAlphaModifier),
+                            color = strokeColor,
+                            strokeWidth = IndicatorStrokeWidth,
+                        )
+                    }
+                    Icon(
+                        imageVector = Icons.Default.ArrowDownward,
+                        contentDescription = null,
+                        modifier = arrowModifier,
+                        tint = arrowColor,
+                    )
+                    DropdownMenu(expanded = isMenuExpanded, onDismissRequest = { isMenuExpanded = false }) {
+                        DropdownMenuItem(
+                            text = { Text(text = stringResource(id = R.string.action_start_downloading_now)) },
+                            onClick = {
+                                onClick(ChapterDownloadAction.START_NOW)
+                                isMenuExpanded = false
+                            },
+                        )
+                        DropdownMenuItem(
+                            text = { Text(text = stringResource(id = R.string.action_cancel)) },
+                            onClick = {
+                                onClick(ChapterDownloadAction.CANCEL)
+                                isMenuExpanded = false
+                            },
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
+
+private val IndicatorSize = 26.dp
+private val IndicatorStrokeWidth = 2.dp