告别内存泄漏：Glide与ViewModel的生命周期协作指南-优快云博客

告别内存泄漏：Glide与ViewModel的生命周期协作指南

【免费下载链接】glide An image loading and caching library for Android focused on smooth scrolling 项目地址: https://gitcode.com/gh_mirrors/gl/glide

在Android开发中，图片加载与生命周期管理的配合始终是开发者面临的一大挑战。当图片请求与界面生命周期不同步时，不仅会导致内存泄漏，还可能引发"Context已销毁"的崩溃。本文将通过Glide的Gallery示例，详细解析如何通过ViewModel与DataBinding实现图片加载的生命周期安全管理，让你的应用在流畅展示图片的同时保持内存稳定。

为什么需要生命周期感知的图片加载

Android应用的内存泄漏问题中，约30%与图片加载相关。当Activity或Fragment销毁后，如果图片请求仍在后台执行并持有Context引用，就会导致内存泄漏。传统解决方案需要在onStop()中手动取消请求，这种方式不仅繁琐，还容易遗漏。

Glide作为专注于平滑滚动的图片加载库，通过RequestManager实现了生命周期感知能力。当与Jetpack ViewModel结合使用时，能够自动管理图片请求的生命周期，彻底解决内存泄漏问题。

ViewModel与Glide的协作基础

ViewModel作为Jetpack架构组件的核心，负责管理与界面相关的数据，其生命周期独立于UI控制器（Activity/Fragment）。Glide通过RequestManager跟踪组件生命周期，当组件销毁时自动取消未完成的请求。

Gallery示例中的GalleryViewModel继承自AndroidViewModel，确保在配置变化（如屏幕旋转）时保留数据：

// [samples/gallery/src/main/java/com/bumptech/glide/samples/gallery/GalleryViewModel.kt](https://link.gitcode.com/i/020265360cb519ed91db86cfec1d3b1a)
class GalleryViewModel(application: Application) : AndroidViewModel(application) {
  private val mediaStoreDataSource = MediaStoreDataSource(application)
  
  private val _uiState: MutableStateFlow<List<MediaStoreData>> = MutableStateFlow(emptyList())
  val mediaStoreData: StateFlow<List<MediaStoreData>> = _uiState
  
  init {
    viewModelScope.launch {
      mediaStoreDataSource.loadMediaStoreData()
        .flowOn(Dispatchers.IO)
        .collect { _uiState.value = it }
    }
  }
}

ViewModel使用Kotlin协程和StateFlow在后台加载媒体数据，确保数据加载与UI控制器分离。

在Fragment中实现生命周期绑定

HorizontalGalleryFragment通过viewModels()委托获取ViewModel实例，并使用Compose UI展示图片：

// [samples/gallery/src/main/java/com/bumptech/glide/samples/gallery/HorizontalGalleryFragment.kt](https://link.gitcode.com/i/7c8f86639387d87a81fa01c02f85e60d)
class HorizontalGalleryFragment : Fragment() {
  override fun onCreateView(...): View {
    val galleryViewModel: GalleryViewModel by viewModels()
    return ComposeView(requireContext()).apply {
      setContent { LoadableDeviceMedia(galleryViewModel) }
    }
  }
  
  @Composable
  fun LoadableDeviceMedia(viewModel: GalleryViewModel) {
    val mediaStoreData = viewModel.mediaStoreData.collectAsState()
    DeviceMedia(mediaStoreData.value)
  }
}

关键实现要点：

ViewModel获取：使用by viewModels()委托确保ViewModel与Fragment生命周期关联
数据收集：通过collectAsState()将Flow转换为Compose状态
生命周期感知：Glide的Compose集成自动处理请求生命周期

Glide Compose集成：声明式图片加载

Glide提供了Compose专用API，通过GlideImage实现声明式图片加载，自动绑定到Composition生命周期：

// [samples/gallery/src/main/java/com/bumptech/glide/samples/gallery/HorizontalGalleryFragment.kt](https://link.gitcode.com/i/7c8f86639387d87a81fa01c02f85e60d)
@Composable
fun MediaStoreView(
  item: MediaStoreData,
  preloadRequestBuilder: RequestBuilder<Drawable>,
  modifier: Modifier,
) = GlideImage(
  model = item.uri,
  contentDescription = item.displayName,
  modifier = modifier
) {
  it.thumbnail(preloadRequestBuilder)
    .signature(item.signature())
}

这段代码实现了：

自动生命周期管理：GlideImage会感知Compose组件的生命周期状态
缩略图支持：通过thumbnail()方法加载低分辨率预览图
签名机制：使用MediaStoreSignature处理媒体文件更新

预加载与性能优化

Gallery示例通过rememberGlidePreloadingData实现图片预加载，提升滑动流畅度：

// [samples/gallery/src/main/java/com/bumptech/glide/samples/gallery/HorizontalGalleryFragment.kt](https://link.gitcode.com/i/7c8f86639387d87a81fa01c02f85e60d)
val preloadingData = rememberGlidePreloadingData(
  mediaStoreData,
  THUMBNAIL_SIZE,
  requestBuilderTransform = { item, requestBuilder ->
    requestBuilder.load(item.uri).signature(item.signature())
  }
)

预加载机制通过以下方式优化性能：

提前加载：在图片进入屏幕前提前加载到内存
尺寸优化：按缩略图尺寸（50x50）加载，减少内存占用
缓存策略：利用Glide的三级缓存（内存、磁盘、网络）提升重复加载速度

完整生命周期管理流程

下图展示Glide与ViewModel协作的完整生命周期流程：

mermaid

当Fragment销毁时，Glide会自动取消所有关联的请求，ViewModel则继续保留数据直到真正需要释放。

最佳实践与避坑指南

1. 正确的Context使用

ViewModel中应使用Application Context而非Activity Context，避免内存泄漏：

// 正确：使用Application Context
class GalleryViewModel(application: Application) : AndroidViewModel(application) {
  private val context = application.applicationContext
}

// 错误：直接使用Activity Context
class BadViewModel(private val activity: Activity) : ViewModel() { ... }

2. 图片请求的生命周期范围

Glide提供多种获取RequestManager的方式，应根据场景选择：

// Fragment中使用（推荐）
Glide.with(fragment)

// View中使用（适用于自定义View）
Glide.with(view)

// Application级使用（谨慎：不会自动取消请求）
Glide.with(application)

3. 列表中的图片优化

在RecyclerView或LazyColumn中使用Glide时，应配合into(ImageView)或Compose的GlideImage，避免手动管理请求。Gallery示例使用的LazyRow与Glide组合：

LazyRow(horizontalArrangement = Arrangement.spacedBy(10.dp)) {
  items(preloadingData.size) { index ->
    val (mediaStoreItem, preloadRequestBuilder) = preloadingData[index]
    MediaStoreView(mediaStoreItem, preloadRequestBuilder, Modifier.fillParentMaxSize())
  }
}

总结与扩展应用

通过ViewModel与Glide的结合，我们实现了：

生命周期感知：图片请求自动跟随UI控制器生命周期
数据与UI分离：ViewModel管理数据加载，UI专注展示
性能优化：预加载和缓存机制提升滑动流畅度
内存安全：自动取消请求避免内存泄漏

Glide的生命周期管理不仅适用于图片加载，还可扩展到视频缩略图、GIF动画等媒体资源。更多高级用法可参考：

Glide官方文档：README.md
Compose集成模块：integration/compose/
生命周期管理源码：library/src/main/java/com/bumptech/glide/RequestManager.java

掌握这些技术，你将能够构建出既流畅又稳定的图片加载体验，让应用在各种场景下都能保持出色性能。

【免费下载链接】glide An image loading and caching library for Android focused on smooth scrolling 项目地址: https://gitcode.com/gh_mirrors/gl/glide

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考