加载和显示图片

如需在应用中显示内容图片和响应用户操作的图片，请从磁盘或互联网上的外部来源加载图片。您可以通过以下方式加载图片：

  • 从磁盘加载
  • 使用 Coil 从网络加载
  • 使用 Glide 从网络加载

结果

一张狗的图片
图 1.已加载并显示的图片。

版本兼容性

此实现要求您的项目 minSDK 设置为 API 级别 21 或更高级别。

从磁盘加载图片

您可以从磁盘加载本地存储的图片，以在应用中显示内容图片和响应用户操作。

依赖项

加载图片

使用以下代码从磁盘加载本地存储的图片，以在应用中显示：

Image(
    painter = painterResource(id = R.drawable.dog),
    contentDescription = stringResource(id = R.string.dog_content_description)
)

代码要点

  • 一个已定义的 Compose Image 对象，其 painter 属性设置为 painterResource()，用于从应用资源加载图片。
  • 一个 contentDescription，TalkBack 可以读取该属性，以提高应用的无障碍功能。
  • 一个 stringResource()，用于从 strings.xml 文件加载翻译后的内容说明。

通过网络加载图片

您可以使用 Coil 或 Glide 加载存储在互联网上的外部图片。如需选择要用于项目的库，请考虑项目要求和性能限制等因素。

使用 Coil 加载图片

您可以使用第三方 库 Coil 从互联网加载图片。Coil 由 Kotlin 协程提供支持，负责从主线程加载图片，并在加载完成后显示图片。请按照此指南使用 Coil 从互联网加载图片。

依赖项

加载图片

使用以下代码通过 Coil 加载图片：

AsyncImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)

使用 Glide 加载图片

您可以使用 Glide加载存储在互联网上的外部图片，以在应用 Feed 中显示这些图片。Glide 是一款高效快速的 Android 图片加载库，侧重于提供流畅的滚动体验，负责从主线程加载图片，并在加载完成后显示图片。

依赖项

加载图片

使用以下代码通过 Glide 加载图片：

GlideImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)

包含本指南的集合

本指南属于以下精选的快速指南集合，这些集合涵盖了更广泛的 Android 开发目标：

了解如何使用明亮动人的视觉元素，让 Android 应用拥有美观的外观和风格。
快速指南集合

有疑问或反馈

前往我们的常见问题解答页面，了解有关快速指南的信息；或者联系我们并告知您的想法。
前往常见问题解答页面 提供反馈