beenull/ViMusic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve Switch.kt code

Browse source
This commit is contained in:
vfsfitvnm 2022-08-13 19:59:51 +02:00
parent cfd5de79a6
commit 56d0274694
1 changed files with 38 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/components/themed/Switch.kt
View file

@ -1,16 +1,14 @@
package it.vfsfitvnm.vimusic.ui.components.themed
import androidx.compose.animation.animateColorAsState
import androidx.compose.animation.core.animateDpAsState
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.animation.animateColor
import androidx.compose.animation.core.animateDp
import androidx.compose.animation.core.updateTransition
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.layout.size
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.drawBehind
import androidx.compose.ui.geometry.CornerRadius
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.geometry.center
import androidx.compose.ui.graphics.Color
@ -26,26 +24,38 @@ fun Switch(
) {
val (colorPalette) = LocalAppearance.current
val backgroundColor by animateColorAsState(if (isChecked) colorPalette.accent else colorPalette.background1)
val color by animateColorAsState(if (isChecked) colorPalette.onAccent else colorPalette.textDisabled)
val offset by animateDpAsState(if (isChecked) 36.dp else 12.dp)
val transition = updateTransition(targetState = isChecked, label = null)
Spacer(
val backgroundColor by transition.animateColor(label = "") {
if (it) colorPalette.accent else colorPalette.background1
}
val color by transition.animateColor(label = "") {
if (it) colorPalette.onAccent else colorPalette.textDisabled
}
val offset by transition.animateDp(label = "") {
if (it) 36.dp else 12.dp
}
Canvas(
modifier = modifier
.width(48.dp)
.height(24.dp)
.background(color = backgroundColor, shape = CircleShape)
.drawBehind {
drawCircle(
color = color,
radius = 8.dp.toPx(),
center = size.center.copy(x = offset.toPx()),
shadow = Shadow(
color = Color.Black.copy(alpha = if (isChecked) 0.4f else 0.1f),
blurRadius = 8.dp.toPx(),
offset = Offset(x = -1.dp.toPx(), y = 1.dp.toPx())
)
)
}
)
.size(width = 48.dp, height = 24.dp)
) {
drawRoundRect(
color = backgroundColor,
cornerRadius = CornerRadius(x = 12.dp.toPx(), y = 12.dp.toPx()),
)
drawCircle(
color = color,
radius = 8.dp.toPx(),
center = size.center.copy(x = offset.toPx()),
shadow = Shadow(
color = Color.Black.copy(alpha = if (isChecked) 0.4f else 0.1f),
blurRadius = 8.dp.toPx(),
offset = Offset(x = -1.dp.toPx(), y = 1.dp.toPx())
)
)
}
}