Android开发-图像显示

一、ImageView：图像显示的基石

ImageView 是 Android 中用于显示图片的 View 组件，它可以显示资源文件中的图片，也可以显示从网络或本地加载的 Bitmap。

1. 在 XML 布局中定义 ImageView

<ImageView
    android:id="@+id/imageView"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_margin="16dp"
    android:contentDescription="示例图片"
    android:scaleType="centerCrop"
    android:src="@drawable/ic_placeholder" />

2. 核心属性详解

3. ScaleType 详解（图片缩放模式）

android:scaleType 决定了图片在 ImageView 中的缩放和裁剪方式。

💡 选择建议：

• 显示头像、缩略图：centerCrop
• 显示完整图片（如文章配图）：fitCenter

二、显示资源图片（Drawable/Mipmap）

最简单的方式是显示打包在 APK 中的资源图片。

// 方式一：在 XML 中通过 android:src 设置（推荐）
// 方式二：在代码中设置
ImageView imageView = findViewById(R.id.imageView);
imageView.setImageResource(R.drawable.my_image);

⚠️ 注意：资源图片会增大 APK 体积，且无法动态更新。

三、显示网络图片的挑战

直接使用 ImageView 无法直接显示网络图片。你需要：

1. 发起网络请求下载图片。
2. 将字节流解码为 Bitmap。
3. 处理异步线程（不能在主线程下载）。
4. 管理内存，避免 OutOfMemoryError。
5. 实现缓存，避免重复下载。

手动实现这些功能非常复杂且容易出错。

四、Glide：现代化图片加载库（强烈推荐）

Glide 是 Google 推荐的开源图片加载库，它能优雅地解决上述所有问题。

1. 添加依赖

在 app/build.gradle 文件中添加：

dependencies {
    implementation 'com.github.bumptech.glide:glide:4.16.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.16.0'
}

2. 基本用法：加载网络图片

ImageView imageView = findViewById(R.id.imageView);
String imageUrl = "https://example.com/image.jpg";

Glide.with(this)
     .load(imageUrl)
     .into(imageView);

✅ Glide 自动完成：

• 异步下载图片。
• 解码为 Bitmap 并在 UI 线程显示。
• 内存和磁盘缓存。
• 生命周期感知（自动暂停/恢复加载）。

3. 加载占位图与错误图

提升用户体验，避免空白或错误时的尴尬。

Glide.with(this)
     .load(imageUrl)
     .placeholder(R.drawable.ic_placeholder) // 加载中显示的图片
     .error(R.drawable.ic_error)           // 加载失败显示的图片
     .into(imageView);

4. 图片变换（Transformations）

对图片进行圆角、模糊、灰度等处理。

// 添加依赖：implementation 'jp.wasabeef:glide-transformations:4.3.0'

Glide.with(this)
     .load(imageUrl)
     .placeholder(R.drawable.ic_placeholder)
     .error(R.drawable.ic_error)
     .transform(CircleCrop(), new BlurTransformation(25, 3)) // 圆形 + 模糊
     .into(imageView);

5. 指定图片尺寸

Glide.with(this)
     .load(imageUrl)
     .override(200, 200) // 指定加载的图片尺寸（像素）
     .into(imageView);

💡 优势：减少内存占用，加快加载速度。

6. 加载列表中的图片（RecyclerView）

Glide 完美支持列表，自动管理视图复用。

// 在 RecyclerView.Adapter 的 onBindViewHolder() 中
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
    String imageUrl = imageList.get(position);
    Glide.with(holder.imageView.getContext())
         .load(imageUrl)
         .placeholder(R.drawable.ic_placeholder)
         .into(holder.imageView);
}

✅ Glide 会自动处理：

• 图片加载完成前的占位。
• 列表滚动时的视图回收与重新绑定。
• 内存缓存，滑动流畅。

五、其他图片加载方式（了解）

1. Picasso

另一个流行的图片库，用法与 Glide 类似，但 Glide 在缓存和列表性能上通常更优。

Picasso.get()
        .load(imageUrl)
        .placeholder(R.drawable.ic_placeholder)
        .into(imageView);

2. Coil (Kotlin 优先)

现代 Kotlin 图片加载库，基于协程，语法更简洁。

六、最佳实践与性能优化

1. 始终使用图片加载库

不要手动在子线程中 new Bitmap()。使用 Glide 或 Coil。

2. 合理使用缓存

Glide 默认开启内存和磁盘缓存。了解缓存策略：

Glide.with(this)
     .load(imageUrl)
     .diskCacheStrategy(DiskCacheStrategy.ALL) // 缓存所有版本
     .skipMemoryCache(true) // 跳过内存缓存（谨慎使用）
     .into(imageView);

3. 避免内存泄漏

• Glide 与 Activity/Fragment 的生命周期绑定，通常安全。
• 避免在非 UI 线程中持有 ImageView 的强引用。

4. 选择合适的 ScaleType

根据设计需求选择 centerCrop 或 fitCenter，避免图片变形或显示不全。

5. 提供 contentDescription

android:contentDescription="用户头像"

七、总结：图像显示 Checklist

八、结语

感谢您的阅读！如果你有任何疑问或想要分享的经验，请在评论区留言交流！