Myzel394/NumberHub
1
0
Fork 0
mirror of https://github.com/Myzel394/NumberHub.git synced 2025-06-19 08:45:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

updateTransition usage

Browse Source
This commit is contained in:
Sad Ellie 2022-08-18 21:57:19 +03:00
parent 4fc4603cf0
commit 280ba7b752
1 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/src/main/java/com/sadellie/unitto/screens/setttings/UnitGroupsScreen.kt
View File

@ -18,15 +18,16 @@
package com.sadellie.unitto.screens.setttings package com.sadellie.unitto.screens.setttings
import androidx.compose.animation.animateColorAsState import androidx.compose.animation.animateColor
import androidx.compose.animation.core.animateDpAsState import androidx.compose.animation.core.animateDp
import androidx.compose.animation.core.updateTransition
import androidx.compose.foundation.background import androidx.compose.foundation.background
import androidx.compose.foundation.clickable import androidx.compose.foundation.clickable
import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.lazy.LazyColumn import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items import androidx.compose.foundation.lazy.items
import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.shape.CircleShape
import androidx.compose.material.icons.Icons import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.AddCircleOutline import androidx.compose.material.icons.filled.AddCircleOutline
import androidx.compose.material.icons.filled.DragIndicator import androidx.compose.material.icons.filled.DragIndicator
@ -39,6 +40,7 @@ import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text import androidx.compose.material3.Text
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.runtime.collectAsState import androidx.compose.runtime.collectAsState
import androidx.compose.runtime.getValue
import androidx.compose.runtime.remember import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip import androidx.compose.ui.draw.clip
@ -84,20 +86,23 @@ fun UnitGroupsScreen(
items(shownUnits.value, { it }) { item -> items(shownUnits.value, { it }) { item ->
ReorderableItem(state, key = item) { isDragging -> ReorderableItem(state, key = item) { isDragging ->
val background = animateColorAsState( val transition = updateTransition(isDragging, label = "draggedTransition")
if (isDragging) MaterialTheme.colorScheme.secondaryContainer else MaterialTheme.colorScheme.surface val background by transition.animateColor(label = "background") {
) if (it) MaterialTheme.colorScheme.secondaryContainer else MaterialTheme.colorScheme.surface
val cornerRadius = animateDpAsState(if (isDragging) 16.dp else 0.dp) }
val itemPadding by transition.animateDp(label = "itemPadding") {
if (it) 16.dp else 0.dp
}
ListItem( ListItem(
headlineText = { Text(stringResource(item.res)) }, headlineText = { Text(stringResource(item.res)) },
modifier = Modifier modifier = Modifier
.padding(horizontal = cornerRadius.value) .padding(horizontal = itemPadding)
.clip(RoundedCornerShape(cornerRadius.value)) .clip(CircleShape)
.clickable { viewModel.hideUnitGroup(item) } .clickable { viewModel.hideUnitGroup(item) }
.detectReorderAfterLongPress(state), .detectReorderAfterLongPress(state),
colors = ListItemDefaults.colors( colors = ListItemDefaults.colors(
containerColor = background.value containerColor = background
), ),
leadingContent = { leadingContent = {
Icon( Icon(