Android在ImageView上直接显示网络图片

2024-01-12 09:48| 来源: 网络整理| 查看: 265

原文博客：Doi技术团队链接地址：https://blog.doiduoyi.com/authors/1584446358138 初心：记录优秀的Doi技术团队学习经历

在原生的ImageView中，没有一个方法是可以直接显示网络的图片的，当我们经常需要显示网络图片时，每次都有一大堆的操作，这会很麻烦，今天就教大家在ImageView上轻松显示网络图片。

自定义ImageView方法

写一个类让它继承ImageView，并增加一个setImageURL(path)方法

在布局上不能使用ImageView，要使用MyImageView，要把刚才重写的一个MyImageView的全路径写上

在MainActivity上，只要调用setImageURL()，直接把网络的图片路径写上就可以显示网络的图片了

final MyImageView myImageView = (MyImageView) findViewById(R.id.image_view); Button button = (Button) findViewById(R.id.button); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { 　　　　　　　　　 //直接把网络的图片路径写上就可以显示网络的图片了 myImageView.setImageURL("https://pic.cnblogs.com/avatar/1142647/20170416093225.png"); } });

最后别忘了添加访问网络的权限

效果图

压缩

这是比较简单的从网络获取照片，直接在ImageView上显示，但是你有没有考虑过如果网络的图片很大，已经超出了手机屏幕的大小，如果还是加载原图的话无疑是浪费内存，还有可能造成内存溢出，所以我们有必要对网络的图片进行压缩，下面就开始讲网络图片的压缩。

首先获取ImageView要显示的宽度和高度

/** * 获取ImageView实际的宽度 * @return 返回ImageView实际的宽度 */ public int realImageViewWith() { DisplayMetrics displayMetrics = getContext().getResources().getDisplayMetrics(); ViewGroup.LayoutParams layoutParams = getLayoutParams(); //如果ImageView设置了宽度就可以获取实在宽带 int width = getWidth(); if (width 0) { //使用本地图片 try { InputStream inputStream = new FileInputStream(file); //调用压缩方法显示图片 Bitmap bitmap = getCompressBitmap(inputStream); //利用Message把图片发给Handler Message msg = Message.obtain(); msg.obj = bitmap; msg.what = GET_DATA_SUCCESS; handler.sendMessage(msg); Log.e("MyImageView","使用缓存图片"); } catch (FileNotFoundException e) { e.printStackTrace(); } }else { //使用网络图片 useNetWorkImage(); Log.e("MyImageView","使用网络图片"); } }

现在就可以使用缓存了，记得要吧isUseCache设置成true

//直接把网络的图片路径写上就可以显示网络的图片了 String url = "https://pic.cnblogs.com/avatar/1142647/20170416093225.png"; //设置成true才会启动缓存，默认是false myImageView.isUseCache = true; myImageView.setImageURL(url);

整篇MyImageView.java的代码

import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.os.Handler; import android.os.Message; import android.util.AttributeSet; import android.util.DisplayMetrics; import android.util.Log; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.Toast; import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLConnection; import java.net.URL; public class MyImageView extends ImageView { private String imagePath; //是否启用缓存 public boolean isUseCache = false; public static final int GET_DATA_SUCCESS = 1; public static final int NETWORK_ERROR = 2; public static final int SERVER_ERROR = 3; //子线程不能操作UI，通过Handler设置图片 private Handler handler = new Handler() { @Override public void handleMessage(Message msg) { switch (msg.what) { case GET_DATA_SUCCESS: Bitmap bitmap = (Bitmap) msg.obj; setImageBitmap(bitmap); break; case NETWORK_ERROR: Toast.makeText(getContext(), "网络连接失败", Toast.LENGTH_SHORT).show(); break; case SERVER_ERROR: Toast.makeText(getContext(), "服务器发生错误", Toast.LENGTH_SHORT).show(); break; } } }; public MyImageView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } public MyImageView(Context context) { super(context); } public MyImageView(Context context, AttributeSet attrs) { super(context, attrs); } //设置网络图片 public void setImageURL(String path) { imagePath = path; if (isUseCache){ useCacheImage(); }else { useNetWorkImage(); } } //使用网络图片显示 public void useNetWorkImage(){ //开启一个线程用于联网 new Thread() { @Override public void run() { try { //把传过来的路径转成URL URL url = new URL(imagePath); //获取连接 HttpURLConnection connection = (HttpURLConnection) url.openConnection(); //使用GET方法访问网络 connection.setRequestMethod("GET"); //超时时间为10秒 connection.setConnectTimeout(10000); //获取返回码 int code = connection.getResponseCode(); if (code == 200) { Bitmap bitmap; //获取网络输入流 InputStream inputStream = connection.getInputStream(); //判断是否使用缓存图片 if (isUseCache){ //因为InputStream要使用两次，但是使用一次就无效了，所以需要复制两个 ByteArrayOutputStream baos = new ByteArrayOutputStream(); try { byte[] buffer = new byte[1024]; int len; while ((len = inputStream.read(buffer)) > -1) { baos.write(buffer, 0, len); } baos.flush(); } catch (IOException e) { e.printStackTrace(); } //复制新的输入流 InputStream is = new ByteArrayInputStream(baos.toByteArray()); InputStream is2 = new ByteArrayInputStream(baos.toByteArray()); //调用压缩方法显示图片 bitmap = getCompressBitmap(is); //调用缓存图片方法 cacheImage(is2); }else { //调用压缩方法 bitmap = getCompressBitmap(inputStream); } //利用Message把图片发给Handler Message msg = Message.obtain(); msg.obj = bitmap; msg.what = GET_DATA_SUCCESS; handler.sendMessage(msg); inputStream.close(); } else { //服务启发生错误 handler.sendEmptyMessage(SERVER_ERROR); } } catch (IOException e) { e.printStackTrace(); //网络连接错误 handler.sendEmptyMessage(NETWORK_ERROR); } } }.start(); } //使用缓存图片 public void useCacheImage() { //创建路径一样的文件 File file = new File(getContext().getCacheDir(), getURLPath()); //判断文件是否存在 if (file != null && file.length() > 0) { //使用本地图片 try { InputStream inputStream = new FileInputStream(file); //调用压缩方法显示图片 Bitmap bitmap = getCompressBitmap(inputStream); //利用Message把图片发给Handler Message msg = Message.obtain(); msg.obj = bitmap; msg.what = GET_DATA_SUCCESS; handler.sendMessage(msg); Log.e("MyImageView","使用缓存图片"); } catch (FileNotFoundException e) { e.printStackTrace(); } }else { //使用网络图片 useNetWorkImage(); Log.e("MyImageView","使用网络图片"); } } /** * 缓存网络的图片 * @param inputStream 网络的输入流 */ public void cacheImage(InputStream inputStream) { try { File file = new File(getContext().getCacheDir(), getURLPath()); FileOutputStream fos = new FileOutputStream(file); int len; byte[] buffer = new byte[1024]; while ((len = inputStream.read(buffer)) != -1) { fos.write(buffer, 0, len); } fos.close(); Log.e("MyImageView","缓存成功"); } catch (IOException e) { e.printStackTrace(); Log.e("MyImageView","缓存失败"); } } /** * 根据网址生成一个文件名 * @return 文件名 */ public String getURLPath() { StringBuilder urlStr2 = new StringBuilder(); String[] strings = imagePath.split("\\/"); for (String string : strings) { urlStr2.append(string); } Log.e("MyImageView","文件名："+urlStr2.toString()); return urlStr2.toString(); } /** * 根据输入流返回一个压缩的图片 * * @param input 图片的输入流 * @return 压缩的图片 */ public Bitmap getCompressBitmap(InputStream input) { //因为InputStream要使用两次，但是使用一次就无效了，所以需要复制两个 ByteArrayOutputStream baos = new ByteArrayOutputStream(); try { byte[] buffer = new byte[1024]; int len; while ((len = input.read(buffer)) > -1) { baos.write(buffer, 0, len); } baos.flush(); } catch (IOException e) { e.printStackTrace(); } //复制新的输入流 InputStream is = new ByteArrayInputStream(baos.toByteArray()); InputStream is2 = new ByteArrayInputStream(baos.toByteArray()); //只是获取网络图片的大小，并没有真正获取图片 BitmapFactory.Options options = new BitmapFactory.Options(); options.inJustDecodeBounds = true; BitmapFactory.decodeStream(is, null, options); //获取图片并进行压缩 options.inSampleSize = getInSampleSize(options); options.inJustDecodeBounds = false; return BitmapFactory.decodeStream(is2, null, options); } /** * 获得需要压缩的比率 * * @param options 需要传入已经BitmapFactory.decodeStream(is, null, options); * @return 返回压缩的比率，最小为1 */ public int getInSampleSize(BitmapFactory.Options options) { int inSampleSize = 1; int realWith = realImageViewWith(); int realHeight = realImageViewHeight(); int outWidth = options.outWidth; Log.e("网络图片实际的宽度", String.valueOf(outWidth)); int outHeight = options.outHeight; Log.e("网络图片实际的高度", String.valueOf(outHeight)); //获取比率最大的那个 if (outWidth > realWith || outHeight > realHeight) { int withRadio = Math.round(outWidth / realWith); int heightRadio = Math.round(outHeight / realHeight); inSampleSize = withRadio > heightRadio ? withRadio : heightRadio; } Log.e("压缩比率", String.valueOf(inSampleSize)); return inSampleSize; } /** * 获取ImageView实际的宽度 * * @return 返回ImageView实际的宽度 */ public int realImageViewWith() { DisplayMetrics displayMetrics = getContext().getResources().getDisplayMetrics(); ViewGroup.LayoutParams layoutParams = getLayoutParams(); //如果ImageView设置了宽度就可以获取实在宽带 int width = getWidth(); if (width

【本文地址】

公司简介

联系我们