Image:图片显示组件

1.声明Image组件设置图片的源:

Image(src:string|PixelMap|Resource)
#src表示源,支持三种格式

string格式,常用来加载网络图片,填写网址。(手机需要申请网络访问权限ohos.permission.INTERNET)

Image('https://xxx.png')

②PIxelMap格式,可以加载像素图,常在图片中编辑使用较为繁琐)

Image(pixelMapObject)    #需要设置对象

③Recource格式,加载本地图片(推荐使用

Image($r('app.media.mate60'))    #其中app.是固定写法media表示文件所在文件夹mate60是图片名称
Image($rawfile('mate60.png'))    #rawfile文件夹名称,mate60.png文件全称

上述是使用两个文件夹下图片源的命令说明文件目录如下

2.添加图片属性修饰图片样式

Image($r('app.media.icon'))
    .width(100)  #宽度           组件通用属性
    .height(120)  #高度            组件通用属性
    .borderRadius(10)    #边框圆角    组件通用属性
    .interploation(ImageInterploation.High)    #图片插值缩放图片时起作用      组件特有属性

widthheight属性可以直接设定数值可以设置百分比数值单位vp虚拟像素。

注:如使用链接形式插入图片需要的设置

添加命令权限

原文地址:https://blog.csdn.net/qq_53312564/article/details/134748855

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_28176.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注