鸿蒙5.0进阶开辟：UI开辟-表现图片 (Image)

往期鸿蒙全套实战文章必看：（文中附带鸿蒙全栈学习资料）

  

• 鸿蒙开辟焦点知识点，看这篇文章就够了
    
  
• 最新版！鸿蒙HarmonyOS Next应用开辟实战学习蹊径
    
  
• 鸿蒙HarmonyOS NEXT开辟技能最全学习蹊径指南
    
  
• 鸿蒙应用开辟实战项目，看这一篇文章就够了（部门项目附源码）
  
  

<hr> 表现图片 (Image)

开辟者经常必要在应用中表现一些图片，比方：按钮中的icon、网络图片、本舆图片等。在应用中表现图片必要使用Image组件实现，Image支持多种图片格式，包罗png、jpg、bmp、svg、gif和heif。
Image通过调用接口来创建，接口调用情势如下：

1. Image(src: PixelMap | ResourceStr | DrawableDescriptor)

复制代码

该接口通过图片数据源获取图片，支持本舆图片和网络图片的渲染展示。
加载图片资源

Image支持加载存档图、多媒体像素图两种范例。
存档图范例数据源

存档图范例的数据源可以分为当地资源、网络资源、Resource资源、媒体库资源和base64。

  

• 当地资源
  创建文件夹，将本舆图片放入ets文件夹下的恣意位置。
  Image组件引入本舆图片路径，即可表现图片（根目次为ets文件夹）。
  
  1. Image('images/view.jpg')
  2. .width(200)

  复制代码
  
  
• 网络资源
  引入网络图片需申请权限ohos.permission.INTERNET，详细申请方式请参考声明权限。此时，Image组件的src参数为网络图片的链接。
  当前Image组件仅支持加载简朴网络图片。
  Image组件初次加载网络图片时，必要哀求网络资源，非初次加载时，默认从缓存中直接读取图片，更多图片缓存设置请参考setImageCacheCount、