/
growingCircle.kt
65 lines (56 loc) · 1.89 KB
/
growingCircle.kt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
package co.joebirch.composeplayground.animation
import androidx.compose.animation.core.*
import androidx.compose.foundation.Canvas
import androidx.compose.foundation.layout.*
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import co.joebirch.composeplayground.ComposableLayout
object GrowingCircleAnimationView : ComposableLayout {
@Composable
override fun build() {
Column(
modifier = Modifier.fillMaxSize().padding(32.dp),
verticalArrangement = Arrangement.SpaceEvenly,
horizontalAlignment = Alignment.CenterHorizontally
) {
//GrowingCircleComponent()
}
}
/*
private val shapeSize = FloatPropKey()
private val sizeTransitionDefinition = transitionDefinition<String> {
state("A") { this[shapeSize] = 50f }
state("B") { this[shapeSize] = 175f }
state("C") { this[shapeSize] = 50f }
transition(fromState = "A", toState = "B") {
shapeSize using tween(
durationMillis = 900,
easing = FastOutLinearInEasing
)
nextState = "C"
}
transition(fromState = "B", toState = "C") {
shapeSize using tween(
durationMillis = 900,
easing = LinearOutSlowInEasing
)
}
}
@Composable
fun GrowingCircleComponent() {
Box(modifier = Modifier.fillMaxSize()) {
val state = transition(
definition = sizeTransitionDefinition,
initState = "A",
toState = "B"
)
Canvas(modifier = Modifier.preferredSize(80.dp).align(Alignment.Center)) {
drawCircle(Color.Black, state[shapeSize])
}
}
}
*/
}