加载并显示图像

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

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

版本兼容性

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

从磁盘加载图片

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

依赖项

加载图片

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

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

关于代码的关键点

• 一个定义的 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"
)
LoadingImagesSnippets.kt

使用 Glide 加载图片

您可以使用 Glide 从互联网上外部存储的图片加载，以便在应用 Feed 中显示。Glide 是一个快速高效的 Android 图片加载库，专注于流畅滚动，负责在主线程之外加载图片，并在加载完成后显示。

依赖项

加载图片

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

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

结果

包含本指南的集合

本指南是精选快速指南集合的一部分，这些集合涵盖了更广泛的 Android 开发目标。

显示图片

探索使用生动引人的视觉效果为您的 Android 应用赋予美观外观和感觉的技术。

快速指南集合

有疑问或反馈？

转到我们的常见问题页面，了解有关快速指南的信息，或与我们联系并告诉我们您的想法。

前往常见问题解答 提供反馈