基于AndroidStudio学习安卓之网络图片显示

1. 基于AndroidStudio学习安卓之网络图片显示

---

前言

`基于Android studio对Android应用进行开发时，很多新手小白可能会碰到需要显示网络图片的情况。那具体该如何实现呢，在这里，将会列举两类方法。

一、准备工作

首先，确保你的Android Studio环境已经搭建完成，并且能够正常运行。同时，你需要有一个可以访问的网络图片URL，这样我们才能从网络上获取图片并显示在应用中。

二、添加网络权限

你需要在你的AndroidManifest.xml文件中添加网络权限，以便应用可以从互联网上下载内容。

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

三、实现方式

1. 使用第三方库

虽然你可以手动执行网络请求和图片处理，但使用成熟的第三方库通常更高效、更可靠。例如，Glide和Picasso是两个非常流行的图片加载库。：

1.1. 使用Glide库

在build.gradle文件中添加依赖：

dependencies {  
    implementation 'com.github.bumptech.glide:glide:4.x.x' // 请注意，版本号可能会有所不同，请检查最新版本  
    annotationProcessor 'com.github.bumptech.glide:compiler:4.x.x'  
}

在你的代码中，你可以这样使用Glide来加载网络图片：

ImageView imageView = findViewById(R.id.imageView);  
String imageUrl = "https://example.com/path/to/your/image.jpg"; // 替换为你的网络图片URL  
Glide.with(this).load(imageUrl).into(imageView);

1.2. 使用Picasso库

在项目的build.gradle文件中添加Picasso的依赖：

dependencies {  
    implementation 'com.squareup.picasso:picasso:2.71828' // 请注意，版本号可能会有所不同，请检查最新版本  
}

在你的Activity或Fragment中，你可以使用Picasso来加载网络图片。假设你有一个ImageView控件，它的ID是imageView，你可以这样使用Picasso：

ImageView imageView = findViewById(R.id.imageView);  
String imageUrl = "https://example.com/path/to/your/image.jpg"; // 替换为你的网络图片URL  
Picasso.get().load(imageUrl).into(imageView);

2.自定义方式

2.1 方式一

使用HttpURLConnection方式打开图片获取连接的输入流，然后从输入流中解码出Bitmap对象，最后渲染。

代码如下（示例）：

/**  
 * 从网络地址加载图片并设置到ImageView中  
 *  
 * @param webSrc 网络图片的URL地址  
 * @param imageBox 要显示图片的ImageView控件  
 */  
public void setWebImage(String webSrc, ImageView imageBox) {  
    // 创建一个异步任务，用于在后台线程加载网络图片  
    AsyncTask<Void, Void, Bitmap> execute = new AsyncTask<Void, Void, Bitmap>() {  
  
        // 在后台线程中执行，用于加载网络图片  
        @Override  
        protected Bitmap doInBackground(Void... voids) {  
            try {  
                // 根据传入的URL创建一个URL对象  
                URL url = new URL(webSrc);  
                // 打开与URL的连接  
                HttpURLConnection connection = (HttpURLConnection) url.openConnection();  
                // 设置连接超时时间为5秒  
                connection.setConnectTimeout(5000);  
                // 设置读取超时时间为5秒  
                connection.setReadTimeout(5000);  
                // 建立与URL的连接  
                connection.connect();  
                // 获取连接的输入流，用于读取数据  
                InputStream inputStream = connection.getInputStream();  
                // 从输入流中解码出Bitmap对象  
                return BitmapFactory.decodeStream(inputStream);  
            } catch (Exception e) {  
                // 如果在加载图片过程中出现异常，打印异常信息  
                e.printStackTrace();  
                // 返回null表示加载失败  
                return null;  
            }  
        }  
  
        // 在主线程中执行，用于将加载好的图片设置到ImageView中  
        @Override  
        protected void onPostExecute(Bitmap bitmap) {  
            super.onPostExecute(bitmap);  
            // 如果加载到的Bitmap不为空，表示加载成功  
            if (bitmap != null) {  
                // 将Bitmap设置到ImageView中显示  
                imageBox.setImageBitmap(bitmap);  
            } else {  
                // 如果加载失败，则设置ImageView显示默认的图片资源  
                imageBox.setImageResource(R.drawable.ic_launcher_background);  
            }  
        }  
    }.execute(); // 执行异步任务  
}

2.2 方式二

使用OkHttp的GET请求方式打开图片获取连接的输入流，然后从输入流中解码出Bitmap对象，最后渲染。
提示：这里需要在项目的build.gradle文件中添加okHttp的依赖：
implementation 'com.squareup.okhttp3:okhttp:4.x.x'
代码如下（示例）：

/**  
 * 从给定的URL加载图片并显示在ImageView中。  
 *  
 * @param imgUrl 图片的URL地址  
 * @param imgBox 用于显示图片的ImageView  
 */  
public void loadImage(String imgUrl, ImageView imgBox) {  
    // 创建一个OkHttpClient实例，用于发送网络请求  
    OkHttpClient okHttpClient = new OkHttpClient();  
  
    // 使用Request.Builder创建一个请求构建器，并设置请求的URL  
    Request.Builder builder = new Request.Builder().url(imgUrl);  
  
    // 使用构建器构建请求对象  
    Request request = builder.build();  
  
    // 使用OkHttpClient发送请求，并异步处理响应  
    okHttpClient.newCall(request).enqueue(new Callback() {  
        @Override  
        public void onFailure(@NotNull Call call, @NotNull IOException e) {  
            // 请求失败时的处理逻辑，这里为空，可以根据需要添加  
        }  
  
        @Override  
        public void onResponse(@NotNull Call call, @NotNull Response response) throws IOException {  
            // 请求成功时的处理逻辑  
  
            // 从响应中获取输入流  
            InputStream inputStream = response.body().byteStream();  
  
            // 使用BitmapFactory解码输入流，生成Bitmap对象  
            Bitmap bitmap = BitmapFactory.decodeStream(inputStream);  
  
            // 在主线程中更新ImageView的显示内容  
            runOnUiThread(new Runnable() {  
                @Override  
                public void run() {  
                    // 更新ImageView的显示内容  
                    imgBox.setImageBitmap(bitmap);  
                }  
            });  
        }  
    });  
}

---

四、注意事项

1.错误处理：
当加载网络图片时，可能会遇到网络错误或图片不存在的情况。你可以使用Picasso或Glide提供的回调机制来处理这些错误情况，例如显示一个默认图片或提示用户。

2.图片缓存：
Picasso和Glide都支持图片缓存功能，可以提高应用的性能和用户体验。你可以根据需要配置缓存策略。