pawelorzech/Swoosh
1
0
Fork 0
mirror of https://github.com/pawelorzech/Swoosh.git synced 2026-03-31 11:55:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add AnimatedDialog reusable component

Browse source
This commit is contained in:
Paweł Orzech 2026-03-19 14:06:59 +01:00
parent f348f5ea54
commit 4b74a14cbf
No known key found for this signature in database
1 changed files with 72 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
app/src/main/java/com/swoosh/microblog/ui/components/AnimatedDialog.kt Normal file
View file

@ -0,0 +1,72 @@
package com.swoosh.microblog.ui.components
import androidx.compose.animation.AnimatedVisibility
import androidx.compose.animation.core.MutableTransitionState
import androidx.compose.animation.fadeIn
import androidx.compose.animation.fadeOut
import androidx.compose.animation.scaleIn
import androidx.compose.animation.scaleOut
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.window.Dialog
import androidx.compose.ui.window.DialogProperties
import com.swoosh.microblog.ui.animation.SwooshMotion
@Composable
fun AnimatedDialog(
onDismissRequest: () -> Unit,
content: @Composable () -> Unit
) {
val transitionState = remember {
MutableTransitionState(false).apply { targetState = true }
}
Dialog(
onDismissRequest = onDismissRequest,
properties = DialogProperties(usePlatformDefaultWidth = false)
) {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
) {
// Backdrop
AnimatedVisibility(
visibleState = transitionState,
enter = fadeIn(animationSpec = SwooshMotion.quick()),
exit = fadeOut(animationSpec = SwooshMotion.quick())
) {
Box(
modifier = Modifier
.fillMaxSize()
.background(Color.Black.copy(alpha = 0.4f))
.clickable(
indication = null,
interactionSource = remember { MutableInteractionSource() }
) { onDismissRequest() }
)
}
// Content
AnimatedVisibility(
visibleState = transitionState,
enter = scaleIn(
initialScale = 0.8f,
animationSpec = SwooshMotion.snappy()
) + fadeIn(animationSpec = SwooshMotion.quick()),
exit = scaleOut(
targetScale = 0.8f,
animationSpec = SwooshMotion.quick()
) + fadeOut(animationSpec = SwooshMotion.quick())
) {
content()
}
}
}
}