HarmonyOS 鸿蒙Next Image怎么设置成宽高随图片真实大小自动变化,跟Android的wrap_content类似
HarmonyOS 鸿蒙Next Image怎么设置成宽高随图片真实大小自动变化,跟Android的wrap_content类似
Image怎么设置成宽高随图片真实大小自动变化,跟Android的wrap_content类似。
4 回复
可以用https://developer.huawei.com/consumer/cn/blog/topic/03876706996450003
但是稍改一下onComplete
.onComplete(msg => {
if (msg) {
this.imgWidth = msg.width
this.imgHeight = msg.height
}
})
更多关于HarmonyOS 鸿蒙Next Image怎么设置成宽高随图片真实大小自动变化,跟Android的wrap_content类似的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
image().
fitOriginalSize(true)
图片的显示尺寸是否跟随图源尺寸
默认值:false
说明:
当不设置fitOriginalSize或者设置fitOriginalSize为false时,组件显示大小不跟随图源大小。
当设置fitOriginalSize为true时,组件显示大小跟随图源大小。
宽高设置auto?应该还要设置objectFit吧
在HarmonyOS鸿蒙Next中,若要使Image组件的宽高随图片真实大小自动变化,可以参考以下设置方法:
- Image组件基础属性:Image组件支持多种图片格式,如png、jpg等,且可从本地资源或网络资源加载图片。当Image组件加载图片成功且未明确设置宽高时,其默认行为是尽可能适应父组件的大小。
- 父组件布局约束:要确保Image组件能够根据其内容(即图片的真实大小)自适应宽高,需调整父组件的布局参数或样式,允许子组件(Image)自由调整大小。
- 利用objectFit属性:Image组件的objectFit属性可用于设置图片的填充效果。若要实现图片宽高随真实大小变化,可尝试将objectFit设置为“none”,这样Image组件就会按照图片的实际尺寸进行展示。
通过以上设置,HarmonyOS鸿蒙Next中的Image组件应该能够实现宽高随图片真实大小自动变化的效果。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html 。