/
floatingActionButton.kt
98 lines (84 loc) · 2.37 KB
/
floatingActionButton.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
package co.joebirch.composeplayground.material
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material.FloatingActionButton
import androidx.compose.material.FloatingActionButtonDefaults.elevation
import androidx.compose.material.Icon
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Star
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.graphics.RectangleShape
import androidx.compose.ui.unit.dp
import co.joebirch.composeplayground.ComposableLayout
object FloatingActionButtonView : ComposableLayout {
@Composable
override fun build() {
Column(
modifier = Modifier
.fillMaxSize()
.padding(32.dp),
verticalArrangement = Arrangement.SpaceEvenly,
horizontalAlignment = Alignment.CenterHorizontally
) {
IconFloatingActionButton()
ColoredFloatingActionButton()
ElevatedFloatingActionButton()
ShapeFloatingActionButton()
}
}
}
@Composable
fun IconFloatingActionButton() {
FloatingActionButton(onClick = {
}) {
Icon(
imageVector = Icons.Filled.Star,
contentDescription = "my description"
)
}
}
@Composable
fun ColoredFloatingActionButton() {
FloatingActionButton(
onClick = {
},
backgroundColor = Color.Red,
contentColor = Color.White
) {
Icon(
imageVector = Icons.Filled.Star,
contentDescription = "my description"
)
}
}
@Composable
fun ElevatedFloatingActionButton() {
FloatingActionButton(
onClick = {
},
elevation = elevation(20.dp)
) {
Icon(
imageVector = Icons.Filled.Star,
contentDescription = "my description"
)
}
}
@Composable
fun ShapeFloatingActionButton() {
FloatingActionButton(
onClick = {
},
shape = RectangleShape
) {
Icon(
imageVector = Icons.Filled.Star,
contentDescription = "my description"
)
}
}