鸿蒙next版开发：ArkTS组件通用属性（位置设置）

Stack() {
  // 子元素内容
}.align(Alignment.BottomEnd)
direction属性
direction属性用于设置容器元素内主轴方向上的布局。这个属性在Column组件上不生效，并且默认值是Direction.Auto。

Row() {
  // 子元素内容
}.direction(Direction.Ltr)
position属性

Text('Fixed Position Text').position({ x: 100, y: 100 })

Text('Anchored Text').position({ x: 50, y: 50 }).markAnchor({ x: 10, y: 10 })

Text('Offset Text').offset({ x: 20, y: 20 })

RelativeContainer() {
  Text('Aligned Text').alignRules({
    start: 'start',
    top: 'top'
  })
}

@Entry
@Component
struct PositionExample {
  build() {
    Column() {
      Text('align').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Stack() {
        Text('First show in bottom end').height('65%').backgroundColor(0xD2B48C)
        Text('Second show in bottom end').backgroundColor(0xF5DEB3).opacity(0.9)
      }.width('90%').height(50).margin({ top: 5 }).backgroundColor(0xFFE4C4)
      .align(Alignment.BottomEnd) // 使用align属性设置对齐方式
 
      Text('direction').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Row() {
        Text('1').height(50).width('25%').fontSize(16).backgroundColor(0xF5DEB3)
        Text('2').height(50).width('25%').fontSize(16).backgroundColor(0xD2B48C)
        Text('3').height(50).width('25%').fontSize(16).backgroundColor(0xF5DEB3)
        Text('4').height(50).width('25%').fontSize(16).backgroundColor(0xD2B48C)
      }.width('90%').direction(Direction.Ltr) // 使用direction属性设置布局方向
 
      Text('position').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Text('Fixed Position Text').position({ x: 100, y: 100 }) // 使用position属性设置绝对定位
    }
    .width('100%').margin({ top: 5 })
  }
}