开发文档很详尽,就在DevEco中的API参考,可以随时调出来进行学习。
在鸿蒙官网也有非常详尽的资料,地址:开发说明-API参考概述 - 华为HarmonyOS开发者 (huawei.com)
这里,就学习image组件的一般用法以及使用SVG图标和字体图标,使用SVG图标和字体图标在于图标放大与缩小不失真,可以随意变换颜色。
鸿蒙HarmonyOS NEXT中的image组件一般性用法:
1、图片使用网络地址
Image('http://11.22.33.44/common/banner.jpg')
.width(270).height(130)
.onError((error) => {
console.error('图片加载错误:', error);
return Text('图片加载失败');
})
这种方式涉及到跨越和网络访问权限,需要在module.json5中配置网络访问权限:
"module": {
"requestPermissions": [
{
"name": "ohos.permission.INTERNET"
}
]
}
在“module”对象中中加入请求权限的属性。
这种方式不推荐使用。