OpenHarmony开发者论坛

标题: 如何设置一张图片上面四个角都分别有一个角标 [打印本页]

作者: mean 时间: 2023-9-25 10:44
标题: 如何设置一张图片上面四个角都分别有一个角标
[md]【问题描述】

应用需求，在一张图片上面四个角分别设置一个角标。

【运行环境】

硬件：rk3568； ROM: 3.2 ； API 9

[/md]

作者: HmD 时间: 2023-9-27 08:53
[md]可以使用绝对定位，设置元素锚点相对于父容器顶部起点的偏移位置。在布局容器中，设置该属性不影响父容器布局。

```
@Entry

@Component

struct PositionExample2 {

  build() {

Column({ space: 20 }) {

   Stack({ alignContent: Alignment.TopStart }) {

      Row()

      .size({ width: '100', height: '100' })

      .backgroundColor(0xdeb887)

      Image(\$r('app.media.app\_icon'))

      .size({ width: 25, height: 25 })

      .markAnchor({ x: 0, y: 0 })

      Image(\$r('app.media.app\_icon'))

      .size({ width: 25, height: 25 })

      .markAnchor({ x: 25, y: 25 })

      .position({ x: '100%', y: '100%' })

   }.margin({ top: 25 }).width('100').height('100')

}

.width('100%').margin({ top: 25 })

  }

}
```

[/md]

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