本文介绍: ①string格式,常用来加载网络图片,填写网址。(手机端需要申请网络访问权限:ohos.permission.INTERNET)②PIxelMap格式,可以加载像素图,常在图片中编辑(使用较为繁琐)③Recource格式,加载本地图片(推荐使用)上述是使用两个文件夹下图片源的命令说明。
Image:图片显示组件
1.声明Image组件并设置图片的源:
Image(src:string|PixelMap|Resource)
#src表示源,支持三种格式
①string格式,常用来加载网络图片,填写网址。(手机端需要申请网络访问权限:ohos.permission.INTERNET)
Image('https://xxx.png')
②PIxelMap格式,可以加载像素图,常在图片中编辑(使用较为繁琐)
Image(pixelMapObject) #需要设置对象
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) #图片插值,缩放图片时起作用 组件特有属性
width和height属性可以直接设定数值也可以设置百分比,数值的单位是vp虚拟像素。
注:如使用链接形式插入图片需要的设置
原文地址:https://blog.csdn.net/qq_53312564/article/details/134748855
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_28176.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。