当前位置: 首页> 教育> 高考 > HarmonyOS【ArkUI组件---Image组件】

HarmonyOS【ArkUI组件---Image组件】

时间:2025/7/12 20:08:38来源:https://blog.csdn.net/m0_62388400/article/details/139724968 浏览次数:0次

1.实现效果

 2.Image:图片显示组件

3.通过网络图片

@Entry
@Component
struct Index {@State message: string = 'Hello World'build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWeight.Bold).fontColor('#36D').onClick(()=>{this.message='Hello ArkTS!'})Image('https://res.vmallres.com/uomcdn/CN/cms/202406/2db7e1ea3fbf40fbac8adce59b04f44d.png').width(250)}.width('100%')}.height('100%')}
}

4.网络访问权限

当我们没有配置权限的时候,只能在预览器中看见网络图片,在模拟器上不可以

打开module.json5文件

 

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

添加之后,效果如下图所示 :

 

5.本地图片

 Image($r('app.media.app_icon')).width(250).interpolation(ImageInterpolation.High)

 

关键字:HarmonyOS【ArkUI组件---Image组件】

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: