HarmonyOS 鸿蒙Next Image怎么设置成宽高随图片真实大小自动变化,跟Android的wrap_content类似

发布于 1周前 作者 itying888 来自 鸿蒙OS

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时,组件显示大小跟随图源大小。

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-image-V5#fitoriginalsize

宽高设置auto?应该还要设置objectFit

在HarmonyOS鸿蒙Next中,若要使Image组件的宽高随图片真实大小自动变化,可以参考以下设置方法:

  1. Image组件基础属性:Image组件支持多种图片格式,如png、jpg等,且可从本地资源或网络资源加载图片。当Image组件加载图片成功且未明确设置宽高时,其默认行为是尽可能适应父组件的大小。
  2. 父组件布局约束:要确保Image组件能够根据其内容(即图片的真实大小)自适应宽高,需调整父组件的布局参数或样式,允许子组件(Image)自由调整大小。
  3. 利用objectFit属性:Image组件的objectFit属性可用于设置图片的填充效果。若要实现图片宽高随真实大小变化,可尝试将objectFit设置为“none”,这样Image组件就会按照图片的实际尺寸进行展示。

通过以上设置,HarmonyOS鸿蒙Next中的Image组件应该能够实现宽高随图片真实大小自动变化的效果。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部