• Lv0
    粉丝0

积分116 / 贡献0

提问3答案被采纳4文章0

作者动态

如何实现相对定位和绝对定位?

edice

沙发 发表于 2023-10-19 10:40:48

使用div、stack(top left属性)来实现相对和绝对定位。

如在ArkTs中使用Stack实现绝对定位

@Component

struct ScrollExample {

  private arr: number[] = [0, 1, 2, 3, 4, 5]


  build() {

    Stack({ alignContent: Alignment.TopStart }) {

      Scroll() {

        Column() {

          ForEach(this.arr, (item) => {

            Text(item.toString())

              .width('90%')

              .height(150)

              .backgroundColor(0xFFFFFF)

              .borderRadius(15)

              .fontSize(16)

              .textAlign(TextAlign.Center)

              .margin({ top: 10 })

          }, item => item)

        }.width('100%')

      }

      .scrollable(ScrollDirection.Vertical)

      .scrollBar(BarState.On)

      .scrollBarColor(Color.Gray)

      .scrollBarWidth(30)

      Button('scroll 100')

        .margin({ top: 10, left: 20 })

    }.width('100%').height('100%').backgroundColor(0xDCDCDC)

  }

}
```

Copyright   ©2023  OpenHarmony开发者论坛  京ICP备2020036654号-3 |技术支持 Discuz!

返回顶部