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

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

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

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

名称	参数类型	描述
alignItems	HorizontalAlign	设置子组件在水平方向上的对齐格式。默认值：HorizontalAlign.Center从API version 9开始，该接口支持在ArkTS卡片中使用。
justifyContent	FlexAlign	设置子组件在垂直方向上的对齐格式。默认值：FlexAlign.Start从API version 9开始，该接口支持在ArkTS卡片中使用。

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

按照语言方向末端对齐。