compose verticalAlignment ,horizontalAlignment,contentAlignment和Arrangement区别
1. Alignment 是一个通用概念，但具体形式不同
| 容器类型 | 属性名称 | 作用范围 | 是否可单个覆盖 |
|---|---|---|---|
| Row | verticalAlignment | 所有子元素的垂直对齐 | ❌ 不可 |
| Column | horizontalAlignment | 所有子元素的水平对齐 | ❌ 不可 |
| Box | contentAlignment | 默认影响所有 | ❌ 不可 |
| Box | Modifier.align() | 可单个覆盖 | ✅ 可以 |
Modifier.align()是单独覆盖，Modifier.align()中使用的是 Arrangement
2. 正确的分类描述
Row 容器：
- 主轴（水平）：
horizontalArrangement- 控制所有子元素的水平分布 - 交叉轴（垂直）：
verticalAlignment- 控制所有子元素的垂直对齐（全局设置）
Column 容器：
- 主轴（垂直）：
verticalArrangement- 控制所有子元素的垂直分布 - 交叉轴（水平）：
horizontalAlignment- 控制所有子元素的水平对齐（全局设置）
Box 容器：
- 整体对齐：
contentAlignment- 设置所有子元素的默认位置 - 单个对齐：
Modifier.align()- 控制单个子元素的位置（可覆盖 contentAlignment）
3. 关键澄清：Alignment这个术语的三种用法
这是最易混淆的地方：
Alignment接口/类：基础的坐标定位系统horizontalAlignment/verticalAlignment：Row/Column 的属性，全局影响所有子元素Modifier.align(alignment: Alignment)：BoxScope 的扩展函数，针对单个元素
// 示例：这三个"Alignment"是不同的东西Row(verticalAlignment=Alignment.CenterVertically// 这是 Row 的属性，全局设置){// 这里不能使用 Modifier.align()}Box{// 这里可以使用 Modifier.align()Box(modifier=Modifier.align(Alignment.Center)// 这是 BoxScope 的扩展函数)}总结
- Arrangement：在 Row/Column 中，控制主轴方向上所有子元素的分布
- horizontalAlignment / verticalAlignment：在 Row/Column 中，控制交叉轴方向上所有子元素的对齐（全局）
- Box 的特殊机制：Box 使用
contentAlignment（全局默认）和Modifier.align()（单个覆盖） - 重要区别：Row/Column 的 Alignment 是容器属性，影响所有子元素；Box 的
Modifier.align()是元素修饰符，可单独设置