Compose 学习笔记之布局函数

Box（帧布局）

描述

Box组件是一个能够将里面的子项依次按照顺序堆叠的布局组件，在使用上类似于传统视图中的FrameLayout。

用法

@Composable
fun Greeting(name: String) {
    Box {
        Text(text = "wwdwdwdwd")
        Text(text = "whwdhwdu", color = Color.Green)
    }
}

Row

描述

Row组件能够将内部子项按照从左到右的方向水平排列。

用法

@Composable
fun rowDemo(){
    Row(modifier =  Modifier.width(100.dp)) {
        Text("adbcd")
        Text("edfgh")
    }

}

Column

描述

Column 是一个垂直线性布局组件，它能够将子项按照从上到下的顺序垂直排列。
verticalArrangment 和 horizontalAlignment 参数分别可以帮助我们安排子项的垂直/水平位置，在默认的情况下，子项会以垂直方向上靠上(Arrangment. Top)，水平方向上靠左(Alignment. Start)来布置。

用法

@Composable
fun columnDemo(){
    Column(modifier =  Modifier.width(100.dp),verticalArrangement= Arrangement.Bottom, horizontalAlignment =Alignment.End) {
        Text("adbcd")
        Text("edfgh")
    }

}