-
-
Notifications
You must be signed in to change notification settings - Fork 87
/
animatedValues.kt
58 lines (52 loc) · 1.91 KB
/
animatedValues.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
package co.joebirch.composeplayground.animation
import androidx.compose.animation.animateColorAsState
import androidx.compose.animation.core.animateFloatAsState
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.*
import androidx.compose.runtime.Composable
import androidx.compose.runtime.mutableStateOf
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.unit.dp
import co.joebirch.composeplayground.ComposableLayout
object AnimatedValuesView : ComposableLayout {
@Composable
override fun build() {
Column(
modifier = Modifier.fillMaxSize().padding(32.dp),
verticalArrangement = Arrangement.SpaceEvenly,
horizontalAlignment = Alignment.CenterHorizontally
) {
AnimatedFloat()
AnimatedColor()
}
}
@Composable
fun AnimatedFloat() {
val expandedState = remember { mutableStateOf(false) }
val viewHeight = if (expandedState.value) {
animateFloatAsState(140f)
} else animateFloatAsState(40f)
Box(modifier = Modifier.fillMaxWidth().height(viewHeight.value.dp).clickable(
onClick = {
expandedState.value = !expandedState.value
}
).background(Color.Red))
}
@Composable
fun AnimatedColor() {
val expandedState = remember { mutableStateOf(false) }
val viewHeight =
if (expandedState.value) {
animateColorAsState(Color.Red)
} else animateColorAsState(Color.Green)
Box(
modifier = Modifier.fillMaxWidth().height(40.dp).clickable(onClick = {
expandedState.value = !expandedState.value
}).background(viewHeight.value)
)
}
}