HarmonyOS ArkTS Column组件如何调整水平方向显示方式

HarmonyOS ArkTS Column是沿垂直方向布局的容器，可以通过alignItems调整水平方向上的对齐格式

HarmonyOS 仿小米App实战教程： https://www.itying.com/goods-1193.html

HarmonyOS ArkTS Column 调整水平方向上的对齐格式的属性

HarmonyOS ArkTS Column组件中可以使用alignItems调整水平方向显示方式

@Entry
@Component
struct Index {
  build() {
    Column({ space: 10 }) {
      Row(){
        Image($r('app.media.icon')).width(100).height(100)
      }.width(140)
      .height(140)
      .backgroundColor(Color.Red)
      .alignItems(VerticalAlign.Center)
      .justifyContent(FlexAlign.Center)
    }.width('100%')
    .height('100%')
    .margin({ top: 5 })
    .alignItems(HorizontalAlign.Center)
    .justifyContent(FlexAlign.Start)
  }
}

.alignItems(HorizontalAlign.Center)

HorizontalAlign.Start

按照语言方向起始端对齐。

HorizontalAlign.Center

居中对齐，默认对齐方式。

HorizontalAlign.End

按照语言方向末端对齐。