图解鸿蒙之线性布局 - Row 容器内子元素在垂直方向上的排列图
Row 容器主要让子元素水平排列,而其内部子元素在垂直方向上可有多种排列方式。可顶部对齐,使子元素顶部在同一水平线;能居中对齐,让子元素中心位置处于同一直线;也能底部对齐,令子元素底部整齐排列。此外,还可以均匀分布,使子元素垂直间距及与容器边缘间距相等;或者两端对齐,充分利用容器空间,让子元素在垂直方向紧密且均匀排列 。
子元素在垂直方向上的不同排列方式及对应效果
垂直顶部对齐( `VerticalAlign.Top`)
当子元素在垂直方向上采用顶部对齐时,每个子元素的顶部会在同一水平线上。无论子元素的高度是否相同,它们都以自身的顶部为基准进行对齐
垂直居中对齐(类似 `VerticalAlign.Center`)
垂直居中对齐是将每个子元素在垂直方向上的中心位置对齐到同一水平线上。这意味着无论子元素的高度如何,它们的中心位置会在一条直线上
垂直底部对齐( `VerticalAlign.Bottom`)
底部对齐是让所有子元素的底部处于同一水平线上。不管子元素的高度差异有多大,它们都会以底部为基准进行对齐
PS:实际项目中如有出入,请告知博主,博主会第一时间修改得哇 \~