我想用HarmonyOS鸿蒙Next XML布局增加一个图片怎么实现？

我想用HarmonyOS鸿蒙Next XML布局增加一个图片怎么实现？ 我看了官方文档也没看到相关内容，然后我这样写没用。


更多关于我想用HarmonyOS鸿蒙Next XML布局增加一个图片怎么实现？的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复 
资源引用方式： $media:icon

注意 Android是 @media/xxx 鸿蒙是 $media:xxx

更多关于我想用HarmonyOS鸿蒙Next XML布局增加一个图片怎么实现？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


谢谢，刚问就试出来了，请问，现在有比较完整的文档吗？

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

开发文档：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/basic-fundamentals-0000000000041611

是ImageView吧？

亲爱滴开发者 ，这个问题已经在处理中啦，稍后答复你哟 ，么么哒

在HarmonyOS鸿蒙Next中，使用XML布局增加图片可以通过<Image>组件实现。首先，确保图片资源已放置在resources/base/media目录下。然后在XML布局文件中使用<Image>标签，并通过ohos:src属性指定图片资源路径。例如：

<Image
    ohos:id="$+id:my_image"
    ohos:width="200vp"
    ohos:height="200vp"
    ohos:src="$media:my_image"
    ohos:scale_mode="center_crop"/>

其中，ohos:src属性值为$media:my_image，my_image为图片文件名（不带扩展名）。ohos:scale_mode属性用于设置图片的缩放模式，如center_crop表示居中裁剪。

在HarmonyOS鸿蒙Next中，可以通过XML布局文件使用<Image>标签来添加图片。首先，将图片资源放入resources/base/media/目录下，然后在布局文件中使用<Image>标签，并通过ohos:image_src属性指定图片资源路径。例如：

<Image ohos:image_src="$media:my_image" ohos:width="match_content" ohos:height="match_content"/>

确保图片资源已正确引用，并设置合适的宽高属性。

回到顶部