OpenHarmony开发者论坛

标题: 如何实现相对定位和绝对定位？ [打印本页]

作者: Travill 时间: 2023-10-19 09:06
标题: 如何实现相对定位和绝对定位？
[md]【问题描述】
OpenHarmony应用开发如何实现相对定位和绝对定位？

【运行环境】
硬件：rk3568； ROM: 3.2 Beta5； API 9

[/md]

作者: edice 时间: 2023-10-19 10:40
[md]使用div、stack（top left属性）来实现相对和绝对定位。

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

``````@Entry
@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)

  }

}
```
``````

[/md]

欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/)