HarmonyOS RelativeContainer组件

RelativeContainer() {
  Image($r('app.media.ic_book_detail_edge')).width(15).alignRules({
    top:{anchor:'iv_book_cover',align:VerticalAlign.Top},
    bottom:{anchor:'iv_book_cover',align:VerticalAlign.Bottom},
    right:{anchor:'iv_book_cover',align:HorizontalAlign.End}
  }).margin({top:8,right:-8}).id('iv_book_detail_edge')
  Image("").width(157).height(174).alt($r('app.media.asc'))
    .alignRules({
      top:{anchor:'rl_book_details_layout',align:VerticalAlign.Top},
      left:{anchor:'rl_book_details_layout',align:HorizontalAlign.Start}
    }).borderRadius(6).margin({left:42,top:-15}).id("iv_book_cover")
}
.backgroundImage($r('app.media.bg_wordcard')).backgroundImageSize(ImageSize.Cover)
.width('100%')
.height('100%')

如何实现iv_book_detail_edge组件和iv_book_cover组件底部对齐,但是高度比iv_book_cover组件低8vp,不能通过设置iv_book_detail_edge组件的高度来实现。

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

组件支持calc("")这种计算方式动态设置组件尺寸。可参考官网文档示例链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-size-V5#示例

分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS RelativeContainer 组件咨询
452浏览 • 1回复 待解决
HarmonyOS RelativeContainer组件的使用
40浏览 • 1回复 待解决
RelativeContainer 组件的使用
410浏览 • 1回复 待解决
RelativeContainer组件auto对齐规则
368浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
356浏览 • 1回复 待解决
相对布局(RelativeContainer
1316浏览 • 1回复 待解决
HarmonyOS RelativeContainer的使用问题
37浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
529浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
702浏览 • 1回复 待解决
HarmonyOS RelativeContainer宽高设置问题
47浏览 • 1回复 待解决