HarmonyOS 鸿蒙Next Stack中的控件布局，如何让一个在左上角，一个在右上角

RelativeContainer的高度可以设置为.height('auto'),根据子组件的高度来决定RelativeContainer的高度，但是属性.height('auto')在RelativeContainer被作为锚点时是不生效的，如果想RelativeContainer的高度自动你可以参考如下代码：

[@Entry](/user/Entry)
@Component
struct Page1 {
  @State message: string = ‘Hello World’;
  build() {
    RelativeContainer() {
      Row(){}
      .id(‘aa’)
      Image($r(“app.media.app_icon”))
        .id(‘img1’)
        .width(“13.6%”)
        .align(Alignment.TopStart)
        .alignRules({
          left:{anchor: “aa”, align: HorizontalAlign.Start}
        })
        Row(){}.width(‘82.667%’).alignRules({top:{
          anchor:‘img1’,align:VerticalAlign.Bottom
        }
        }).id(‘bb’)
      .border({width:1})
      Image($r(“app.media.app_icon”))
        .width(“17.333%”)
        .alignRules({
          left:{anchor: “bb”, align: HorizontalAlign.End},
          top:{anchor:‘bb’,align:VerticalAlign.Top}
        })
    }.width(“100%”)
    .border({width:1})
    .margin({ bottom: 10 })
    .height(‘auto’)
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

此时的RelativeContainer高度由image撑开

在stack中实现一左一右可参考如下代码：

@Entry

@Component
struct Page2 {
  @State message: string = ‘Hello World’;
  build() {
Stack(){
  Row(){
    Image($r(“app.media.app_icon”))
      .id(‘img1’)
      .width(“13.6%”)
    Image($r(“app.media.app_icon”))
      .width(“17.333%”)
  }.width(‘100%’).justifyContent(FlexAlign.SpaceBetween)
}
    .width(‘100%’)
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

```

在Stack或RelativeContainer中不借助另外的容器组件是无法实现的

你可以使用borderRadius属性来设置圆形图片，示例demo如下：

@Entry

@Component
struct Page2 {
  @State message: string = ‘Hello World’;
  build() {
Column(){
    Image($r(“app.media.app_icon”))
      .id(‘img1’)
      .width(100)
      .height(100)
      .borderRadius(50)
}
    .width(‘100%’)
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>