学胖子的个人博客

Jetpack Compose学习 Shape

发表于 更新于 分类于 ，

Jetpack Compose学习 -------- Shape 形状

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

@Composable
 fun ShapeDemo() {
     Column(
         Modifier
             .fillMaxWidth() 
     ) {
         //RectangleShape 矩形形状
         ExampleBox(shape = RectangleShape)
         //CircleShape 圆圈形状
         ExampleBox(shape = CircleShape)
         //RoundedCornerShape 圆角形状
         ExampleBox(shape = RoundedCornerShape(10.dp))
         //CutCornerShape 切角形状
         ExampleBox(shape = CutCornerShape(10.dp))
     }
 }

 @Composable
 fun ExampleBox(shape: Shape) {
     Column(
         Modifier
             .fillMaxWidth()
             .padding(10.dp)
             .wrapContentSize(Alignment.Center)
     )
     {
         Box(
             modifier = Modifier
                 .size(100.dp)
                 .clip(shape)
                 .background(Color.Blue)
         )
     }
 }