加载和显示图像

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

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

版本兼容性

此实现要求您的项目 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 应用提供美观外观和风格的技术。

快速指南收藏

有任何疑问或反馈？

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

访问常见问题 留下反馈