【Android Compose】Compose Row和Column 如何设置内部组件之间的距离

Android Compose Row和Column 如何设置内部组件之间的距离

在 Compose 的 Row 中,可以使用多种方式设置元素之间的距离:

  1. 使用 Spacer
    Spacer 可组合项可以在 Row 的元素之间添加空白空间。可以使用 Modifier.width 或 Modifier.height 来指定 Spacer 的大小。
Row {
    Text("Hello")
    Spacer(modifier = Modifier.width(8.dp))
    Text("World")
}
  1. 使用 horizontalArrangement 参数
    Row 的 horizontalArrangement 参数允许指定元素在水平方向上的排列方式。 可以使用 Arrangement 对象中的预定义值,例如:
    Arrangement.spacedBy(space): 在元素之间添加指定的间距。
    Arrangement.SpaceAround: 在元素周围添加均匀的间距。
    Arrangement.SpaceBetween: 在元素之间添加均匀的间距,第一个元素和最后一个元素与 Row 的边缘没有间距。
    Arrangement.SpaceEvenly: 在元素之间和元素与 Row 边缘之间添加均匀的间距
Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
    Text("Hello")
    Text("World")
}
  1. 使用 Modifier.padding
    可以使用 Modifier.padding 为 Row 中的每个元素添加内边距,从而间接地增加元素之间的距离。
Row {
    Text("Hello", modifier = Modifier.padding(end = 8.dp))
    Text("World")
}

选择哪种方法?
如果需要在特定元素之间添加固定大小的间距, 请使用 Spacer。
如果需要根据特定规则在元素之间分配空间, 请使用 horizontalArrangement。
如果需要为每个元素添加内边距,请使用 Modifier.padding。

猜你喜欢

转载自blog.csdn.net/weixin_42473228/article/details/142287012