Image图片显示组件

1,声明Image组件并设置图片源(地址)

Image(src: string | PixelMap | Resource)

string格式,通常用来加载网络图片,需要申请网络访问权限:

在module.json5配置文件配置权限

cke_25081.png

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

Image ( 'https: //×xx.png' )

lap格式,可以加载像素图,常用在图片编辑中

Image(pixelMap0bject)

Resource格式,加载本地图片,推荐使用

Image($r( ' app.media.mate60')) //app.media  固定写法

cke_8339.png

Image( $rawfile( ' mate60.png' ))  //必须书写文件属性名

cke_9194.png

2.添加图片属性

Image($r( ' app.media.icon ' ))

    .width( 100)//宽度

    .height(120)//高度组

    .borderRadius(10)l/边框圆角

    .interpolation(ImageInterpolation.High) //图片插值

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐