鸿蒙HarmonyOS中Image图片组件以及HarmonyOs图标库完全解析

Image 图片组件，支持本地图片和网络图片的渲染展示。

一 、加载网络图片

1 、需要在 src/main/module.json5 中申请网络权限

"requestPermissions": [
{
"name": "ohos.permission.INTERNET"
}
]

详情参考： https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/accesstoken

-guidelines-0000001493744016-V3

2 、加载远程图片

Image('https://www.itying.com/images/202209/goods_img/1176_P_1663733333908.png')

二、加载本地图片  

Image($r('app.media.icon')).width(110).height(110).margin(15)

                

Image($rawfile('icon.png')).width(110).height(110).margin(15)

三、HarmonyOs图标库 

https://developer.harmonyos.com/cn/design/harmonyos-icon/

https://www.iconfont.cn/

资料出处： HarmonyOS HarmonyOS Next系列教程下载地址-IT营大地老师