Compose之图片加载显示

1.加载本地图片

1.1规定图片显示大小:

Image(painterResource(R.drawable.ic_baseline_home_24), "home", Modifier.size(50.dp,50.dp))

1.2根据内容自适应显示:

Image(painterResource(R.drawable.ic_baseline_home_24), "home", Modifier.wrapContentSize())

1.3增加图片缩放方式:

Image(painterResource(R.drawable.ic_baseline_home_24),
                "home",
                Modifier.size(50.dp,50.dp),
                contentScale = ContentScale.Crop)

图片缩放的规则和传统View的规则是一样的:
ContentScale.Fit (默认值,如果未指定),保持图像的原始宽高比,同时缩放图像,使其完全适应 (fit) 目标边界。这意味着图像的某一边(宽或高)将与边界匹配,而另一边可能会小于边界,从而在图像周围留下空白区域。
ContentScale.Crop,保持图像的原始宽高比,同时缩放图像,使其完全填满 (crop) 目标边界。这通常意味着图像的一部分会被裁剪掉,以便图像的两个维度都能至少覆盖边界。
ContentScale.FillBounds,独立地缩放图像的宽度和高度,使其完全填满目标边界,不保持原始宽高比。
ContentScale.FillWidth,保持图像的原始宽高比,缩放图像使其宽度与目标边界的宽度匹配。图像的高度将根据原始宽高比进行缩放。
ContentScale.FillHeight,保持图像的原始宽高比,缩放图像使其高度与目标边界的高度匹配。图像的宽度将根据原始宽高比进行缩放。
ContentScale.Inside,保持图像的原始宽高比。如果图像本身小于或等于目标边界,则不进行缩放,并将其居中放置。如果图像大于目标边界,则行为类似于 ContentScale.Fit,即缩放以适应边界内部。
ContentScale.None,不进行任何缩放。 图像将以其原始尺寸绘制。如果图像大于目标边界,它将被裁剪。如果小于边界,则会在其周围留下空白。通常,图像会从边界的左上角开始绘制(取决于对齐方式)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值