Android中如何为Coil Compose的图片URL设置宽高？

在Compose的Coil库中，要实现类似Glide override(width, height) 的图片加载尺寸控制，不能直接依赖Modifier的size（那是控制组件显示大小），需要通过ImageRequest来指定加载时的目标尺寸，具体实现如下：

核心实现代码 #

AsyncImage(
    model = ImageRequest.Builder(LocalContext.current)
        .data(url)
        .size(width, height) // 对应Glide的override(width, height)，单位为像素(px)
        .scale(Scale.CENTER_CROP) // 对应Glide的centerCrop()
        .build(),
    contentDescription = null,
    // 可选：设置组件的显示大小，若和加载尺寸一致，可保证图片显示适配
    modifier = Modifier.size(with(LocalDensity.current) { width.dp }, with(LocalDensity.current) { height.dp }),
    contentScale = ContentScale.Crop
)

关键说明 #

• ImageRequest.Builder中的.size(width, height)：指定Coil加载图片时的目标像素尺寸，和Glide的override作用完全一致，用于限制加载的图片大小，避免加载过大的原图浪费内存。
• 如果你的宽高单位是dp，需要先转换为像素：

  val density = LocalDensity.current
  val widthPx = with(density) { yourWidthDp.dp.toPx().toInt() }
  val heightPx = with(density) { yourHeightDp.dp.toPx().toInt() }
  

• .scale(Scale.CENTER_CROP)：对应Glide的centerCrop()，设置图片的裁剪缩放规则。
• Modifier的.size()：控制的是AsyncImage组件在布局中的显示大小，可根据需求配合加载尺寸使用，确保图片显示效果符合预期。

内容的提问来源于stack exchange，提问作者Mymon