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%')
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

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

HarmonyOS
2024-12-26 14:36:50
849浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

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

分享
微博
QQ
微信
回复
2024-12-26 16:46:30
相关问题
HarmonyOS RelativeContainer 组件咨询
989浏览 • 1回复 待解决
HarmonyOS RelativeContainer组件的使用
596浏览 • 1回复 待解决
RelativeContainer 组件的使用
1051浏览 • 1回复 待解决
RelativeContainer组件auto对齐规则
829浏览 • 1回复 待解决
HarmonyOS RelativeContainer相关问题
724浏览 • 1回复 待解决
相对布局(RelativeContainer
2086浏览 • 1回复 待解决
HarmonyOS relativeContainer设置guideLine属性
632浏览 • 1回复 待解决
HarmonyOS Scroll嵌套RelativeContainer 问题
1064浏览 • 1回复 待解决
HarmonyOS RelativeContainer的居中问题
1256浏览 • 1回复 待解决
HarmonyOS Scroll 嵌套 RelativeContainer 问题
1244浏览 • 1回复 待解决
HarmonyOS RelativeContainer的使用问题
512浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
766浏览 • 1回复 待解决