DevEco Studio的Image图片显示组件基本使用
Image($r( ' app.media.mate60')) //app.media固定写法。Image( $rawfile( ' mate60.png' ))//必须书写文件属性名。lap格式,可以加载像素图,常用在图片编辑中。Resource格式,加载本地图片,推荐使用。1,声明Image组件并设置图片源(地址)在module.json5配置文件配置权限。Image图片显示组件。
·
Image图片显示组件
1,声明Image组件并设置图片源(地址)
Image(src: string | PixelMap | Resource)
string格式,通常用来加载网络图片,需要申请网络访问权限:
在module.json5配置文件配置权限

"module": {
"requestPermissions": [
{
"name": "ohos.permission.INTERNET"
}
]
}
Image ( 'https: //×xx.png' )
lap格式,可以加载像素图,常用在图片编辑中
Image(pixelMap0bject)
Resource格式,加载本地图片,推荐使用
Image($r( ' app.media.mate60')) //app.media 固定写法

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

2.添加图片属性
Image($r( ' app.media.icon ' ))
.width( 100)//宽度
.height(120)//高度组
.borderRadius(10)l/边框圆角
.interpolation(ImageInterpolation.High) //图片插值
更多推荐


所有评论(0)