鸿蒙Next中image控件宽度100%时,如何设置高度为宽度的150%
在鸿蒙Next开发中,使用image控件时遇到一个问题:当设置宽度为100%后,如何让高度自动调整为宽度的150%?尝试过直接设置aspectRatio但效果不理想,是否有更准确的实现方式?求具体代码示例或属性配置方法。
2 回复
在鸿蒙Next中,给Image设置aspectRatio(1.5)即可让高度为宽度的150%。简单说,就是“宽度你随意,高度我帮你算成1.5倍”。搞定!
更多关于鸿蒙Next中image控件宽度100%时,如何设置高度为宽度的150%的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
在鸿蒙Next中,可以通过aspectRatio属性设置图片宽高比。将aspectRatio设为1 / 1.5(即宽高比1:1.5),即可实现高度为宽度的150%。
示例代码:
Image($r('app.media.example'))
.width('100%')
.aspectRatio(1 / 1.5)
说明:
aspectRatio参数为width / height比值- 设为
1 / 1.5表示宽高比为1:1.5,即高度是宽度的1.5倍 - 当宽度设为100%时,高度会自动按比例计算

