/
ModifierBorderPuzzlerScreen.kt
48 lines (40 loc) · 1.3 KB
/
ModifierBorderPuzzlerScreen.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
package de.dbaelz.demo.compose.puzzler.ui.puzzler
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
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 androidx.compose.ui.unit.dp
@Composable
fun ModifierBorderPuzzlerScreen() {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
) {
ModifierBorderPuzzler()
}
}
/**
* Explanation in the tweets: https://twitter.com/dbaelz/status/1418134001232056320
*/
@Composable
private fun ModifierBorderPuzzler(borderWidth: Dp = 12.dp) {
Box(
modifier = Modifier
.size(200.dp)
.border(borderWidth, Color.Gray)
.border(borderWidth, Color.Cyan)
.padding(borderWidth)
.border(borderWidth, Color.Blue)
.border(borderWidth, Color.Magenta)
.padding(borderWidth)
.border(borderWidth, Color.Yellow)
.border(borderWidth, Color.Black)
.padding(borderWidth)
)
}