Jetpack Compose_Alignment对其+Arrangement排列

1.Alignment 对齐

1.1Alignment 对齐方式

Alignment

类型 对齐方式 说明
Alignment TopStart 顶部左对齐
TopCenter 顶部居中对齐
TopEnd 顶部右对齐
CenterStart 居中左对齐
Center 居中
CenterEnd 居中右对齐
BottomStart 底部左对齐
BottomCenter 底部居中
BottomEnd 底部右对齐
Alignment.Vertical Top 竖直的置顶
CenterVertically 竖直的居中
Bottom 竖直的置底
Alignment.Horizontal Start 水平的置左
CenterHorizontally 水平的居中
End 水平的置右

疑问:为什么有 Alignment 了,还需要有 Alignment.VerticalAlignment.Horizontal 呢?
因为有些控件,如 Row 只能调整竖直方向上的对齐方式,水平方向上调的是 Arrangement 排列,因此对齐枚举需要限制为特定方向上的


1.2AbsoluteAlignment 绝对对齐

AbsoluteAlignment
不知道布局方向的常见对齐方式的集合。

类型 对齐方式 说明
Alignment TopLeft 左上角
TopRight 右上角
CenterLeft 居中左侧
CenterRight 居中右侧
BottomLeft 底部左侧
BottomRight 底部右侧
Alignment.Horizontal Left 水平方向左侧
Right 水平方向右侧

当不知道是横向还是纵向布局方式时使用,暂时还没想到应用场景。(欢迎评论补充)


1.3BiasAlignment 偏差对齐

BiasAlignment
-1: 表示 start/top
0: 表示 center
1: 表示 end/bottom

data class BiasAlignment(
    val horizontalBias: Float, // 水平方向对齐方式
    val verticalBias: Float // 竖直方向对齐方式
)

1.4BiasAbsoluteAlignment偏差绝对对齐

BiasAbsoluteAlignment
-1: 表示对齐到左上角
0: 表示居中
1: 表示右下角
就是在 左上角右下角 这条斜线上对齐

data class BiasAbsoluteAlignment(
    private val horizontalBias: Float,
    private val verticalBias: Float
)

2.Arrangement 排列

2.1Arrangement 排列方式

Arrangement

对齐方式 说明
Equal Weight 等宽/高
Space Between 等间距
Space Around 每个item等padding
Space Evenly 每个item等margin
End 尾部对其
Center 居中
Start 头部对其

2.2Arrangement.Horizontal

如:RowhorizontalArrangement

2.3Arrangement.Vertical

如:ColumnverticalArrangement


参考:
androidx.compose.foundation.layout
Componse教程 | 关于 Alignment与Arrangement

相关推荐

  1. CGAL::2D Arrangements-3

    2024-06-19 09:00:06       32 阅读
  2. CGAL::2D Arrangements-2

    2024-06-19 09:00:06       33 阅读
  3. CGAL::2D Arrangements-8

    2024-06-19 09:00:06       37 阅读
  4. CGAL::2D Arrangements-5

    2024-06-19 09:00:06       31 阅读
  5. CGAL::2D Arrangements-4

    2024-06-19 09:00:06       37 阅读

最近更新

  1. Rust编程-类面向对象编程

    2024-06-19 09:00:06       0 阅读
  2. 运筹学:决策优化的艺术

    2024-06-19 09:00:06       0 阅读
  3. OpenCV车牌识别技术详解

    2024-06-19 09:00:06       0 阅读
  4. MySQL——索引

    2024-06-19 09:00:06       0 阅读

热门阅读

  1. Angular 2 数据显示

    2024-06-19 09:00:06       19 阅读
  2. 新手怎么使用GitLab?

    2024-06-19 09:00:06       14 阅读
  3. word常用的通配符大全

    2024-06-19 09:00:06       17 阅读
  4. Mellanox&nvidia ib高速网络异常排查FAQ

    2024-06-19 09:00:06       13 阅读
  5. Ubuntu 查看设备温度

    2024-06-19 09:00:06       10 阅读
  6. 5、分支对比 - 课件

    2024-06-19 09:00:06       12 阅读
  7. Python----多线程使用

    2024-06-19 09:00:06       12 阅读
  8. 234. 回文链表

    2024-06-19 09:00:06       13 阅读
  9. 组帧的方法

    2024-06-19 09:00:06       11 阅读