HarmonyOS 想要实现上下两个文案等宽等高,底部文案是动态变动的大小,除了用onAreaChange还有其他办法吗?

当前有个需求,有两个按钮,顶部按钮文案固定,底部按钮是动态变化的可能很长,现在需要让顶部按钮与底部按钮宽高相同,除了用onAreaChange还有其他办法吗?

HarmonyOS
2024-10-28 10:51:15
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

​可使用相对布局的方式,可参照一下demo,相对布局文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-layout-development-relative-layout-V5

@State buttonWid:number = 100;  
build() {  
  Row(){  
    RelativeContainer(){  
      Button("按钮2")  
        .backgroundColor(Color.Green)  
        .alignRules({  
          bottom: {anchor: "__container__", align: VerticalAlign.Bottom},  
          middle: {anchor: "__container__", align: HorizontalAlign.Center},  
        })  
        .id("button1")  
        .offset({  
          y:-100  
        })  
        .width(this.buttonWid)  
  
      Button("按钮1")  
        .backgroundColor(Color.Red)  
        .alignRules({  
          left: {anchor: "button1", align: HorizontalAlign.Start},  
          right: {anchor: "button1", align: HorizontalAlign.End},  
          top: {anchor: "__container__", align: VerticalAlign.Top},  
          middle: {anchor: "__container__", align: HorizontalAlign.Center}  
        })  
        .onClick(()=>{  
          let  wid = this.buttonWid;  
          this.buttonWid =  wid + 20;  
        })  
        .id("button2")  
        .offset({  
          y:100  
        })  
    }  
  }  
  .width("100%")  
  .height("100%")
分享
微博
QQ
微信
回复
2024-10-28 16:23:56
相关问题
HarmonyOS 如何比较两个日期大小
57浏览 • 1回复 待解决
HarmonyOS 两个同级组件问题
265浏览 • 1回复 待解决
鸿蒙支持两个SPP server??? 20
1468浏览 • 1回复 待解决
两个重叠组件如何实现事件透传
390浏览 • 1回复 待解决
页面导航如何实现两个页面叠层
1726浏览 • 1回复 待解决
判断两个日期同一周内日期。
317浏览 • 1回复 待解决
有计算两个日期之间时间util接口
1632浏览 • 1回复 待解决