-
-
Notifications
You must be signed in to change notification settings - Fork 87
/
shadow.kt
59 lines (51 loc) · 1.44 KB
/
shadow.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
package co.joebirch.composeplayground.core
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.runtime.Composable
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.shadow
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.RectangleShape
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import co.joebirch.composeplayground.ComposableLayout
object ShadowView : ComposableLayout {
@Composable
override fun build() {
val showShadow = remember { mutableStateOf(false) }
Box(modifier = Modifier.size(200.dp)) {
clip()
}
}
}
@Preview
@Composable
private fun shadow() {
Box(
modifier = Modifier.size(100.dp, 100.dp)
.background(Color.White)
.padding(16.dp)
.shadow(elevation = 4.dp)
)
}
@Preview
@Composable
private fun shape() {
Box(
modifier = Modifier.size(100.dp, 100.dp)
.background(Color.Green)
.shadow(elevation = 4.dp, shape = RectangleShape)
)
}
@Preview
@Composable
private fun clip() {
Box(
modifier = Modifier.size(40.dp, 40.dp)
.background(Color.Green)
.padding(16.dp)
.shadow(elevation = 6.dp, shape = RectangleShape, clip = false)
)
}