• Lv0
    粉丝4

积分341 / 贡献0

提问49答案被采纳13文章1

如何设置一张图片上面四个角都分别有一个角标

HmD

沙发 发表于 2023-9-27 08:53:06

可以使用绝对定位,设置元素锚点相对于父容器顶部起点的偏移位置。在布局容器中,设置该属性不影响父容器布局。

@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 })

  }

}

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

返回顶部