在Android中如何用Glide加载图片(Glide原理、示例代码)

目录

首先我们先了解Glide原理：三级缓存，二次采样

三级缓存

二次采样

示例代码

1. 添加依赖项

2. 创建布局文件

3. 创建主活动文件

4. 占位符和错误图片

5. 权限设置

6. 项目结构 

---

首先我们先了解Glide原理：三级缓存，二次采样

三级缓存机制

Glide使用三级缓存机制来提高图像加载的效率和速度，这三级缓存分别是：内存缓存、磁盘缓存和源缓存。

1. 内存缓存（Memory Cache）：

   • 内存缓存是Glide的第一级缓存，存储在设备的内存中。
   • 主要用于缓存解码后的图像（Bitmap）。
   • 优点是读取速度最快，但容量有限，容易因内存不足而被清除。
   • 当一个图像已经被加载到内存中，再次请求同一个图像时，可以直接从内存缓存中获取，速度极快。

2. 磁盘缓存（Disk Cache）：

   • 磁盘缓存是Glide的第二级缓存，存储在设备的存储空间中。
   • 用于缓存已经下载并处理过的图像文件。
   • 虽然读取速度不如内存缓存快，但存储容量较大，可以缓存更多的图像。
   • 当内存缓存中没有找到请求的图像时，Glide会尝试从磁盘缓存中读取。

3. 源缓存（Source Cache）：

   • 源缓存是Glide的第三级缓存，存储原始的图像文件（如从网络下载的图片）。
   • 主要用于缓存未处理的图像源文件。
   • 当内存缓存和磁盘缓存中都没有找到请求的图像时，Glide会从源缓存中获取图像，并进行处理和显示。

二次采样（Downsampling）

二次采样是Glide在加载图像时使用的一种优化技术，旨在减少内存使用，提高图像加载的性能。二次采样主要有以下几个步骤：

1. 读取图像的尺寸信息：

   • 在不解码图像的情况下，首先读取图像的宽度和高度信息。这可以通过设置inJustDecodeBounds为true来实现。

2. 计算采样率：

   • 根据目标视图的尺寸和图像的实际尺寸，计算一个合适的采样率。采样率是一个整数值，表示每隔多少个像素读取一个像素。
   • 例如，如果采样率为2，则每读取一个像素就跳过一个像素。

3. 按采样率解码图像：

   • 使用计算出的采样率，按比例缩小图像并进行解码。这样可以有效地减少解码后的图像尺寸，从而减少内存使用。
   • 设置inSampleSize为计算出的采样率，进行图像解码。

示例代码
        Glide是一个强大且高效的图片加载库，可以帮助你轻松地从网络或本地加载和显示图片
        以下是详细的Java代码示例，展示如何在Android中使用Glide加载图片，并附带部分注释

1. 添加依赖项

首先，在你的项目的build.gradle文件中添加Glide的依赖项

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

2. 创建布局文件

在res/layout文件夹下创建一个新的布局文件activity_main.xml，并添加一个用于显示图片的ImageView

<!-- activity_main.xml -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"/>
        
</RelativeLayout>

3. 创建主活动文件

创建或编辑你的主活动文件MainActivity.java

// MainActivity.java
package com.example.imageexample;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.ImageView;
import com.bumptech.glide.Glide;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 获取ImageView的引用
        ImageView imageView = findViewById(R.id.image_view);

        // 使用Glide加载图片
        String imageUrl = "https://example.com/your-image-url.jpg";
        Glide.with(this)
             .load(imageUrl) // 图片的URL
             .placeholder(R.drawable.placeholder) // 占位符图片
             .error(R.drawable.error) // 错误图片
             .into(imageView); // 加载到的目标ImageView
    }
}

4. 占位符和错误图片

确保在你的res/drawable文件夹中有占位符图片(placeholder.png)和错误图片(error.png)。你可以使用任何你喜欢的图片文件

5. 权限设置

如果你从网络加载图片，确保你的AndroidManifest.xml文件中有互联网权限

<!-- AndroidManifest.xml -->
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.imageexample">

    <uses-permission android:name="android.permission.INTERNET"/>

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
    </application>
</manifest>

6.项目结构

app/
├── build.gradle
├── src/
│   ├── main/
│   │   ├── java/
│   │   │   └── com/example/imageexample/
│   │   │       └── MainActivity.java
│   │   ├── res/
│   │   │   ├── layout/
│   │   │   │   └── activity_main.xml
│   │   │   ├── drawable/
│   │   │   │   ├── placeholder.png
│   │   │   │   ├── error.png
│   │   └── AndroidManifest.xml
└── build.gradle