ArkUI组件–image组件_代码007(未授权)

本文介绍: ①string 格式，常用来加载网络图片，填写网址。（手机端需要申请网络访问权限：o h os.permission.INTERNET）②PIx elMap 格式，可以加载像素图，常在图片中编辑（使用较为繁琐）③Rec ourc e 格式，加载本地图片（推荐使用）上述是使用两个文件夹下图片源的命令说明。

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

①string格式，常用来加载网络图片，填写网址。（手机端需要申请网络访问权限：o h os.permission.INTERNET）

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

②PIxelMa p格式，可以加载像素图，常在图片中编辑（使用较为繁琐）

Image(pixelMapObject)    #需要设置对象

③Recource格式，加载本地图片（推荐使用）

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

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

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