Android控件之ImageView（二）

时间 2019-11-30

原文原文链接

前言

在上一篇文章中，咱们讲解了如何加载本地图片，那么在实际项目中 ImageView 大多数使用场景是加载网络图片，网络图片其实就是存储在服务器上的文件，咱们须要从服务器获取到文件的二进制输入流 Inpustream ，而后将其转化为 ImageView 能够加载的 Bitmap 对象。实现网络图片的加载。java

这篇文章咱们经过使用原始的网络链接和使用第三库来简单讲解 ImageView 网络图片的加载。android

怎么使用原始方式加载网络图片？
第三方网络图片加载库与原始加载库的对比？
怎样使用第三方网络加载库加载图片？

使用原始方式加载网络图片

先上代码（主要分为三大步骤）：git

1~6 : 从网络获取图片。因为Android 系统规定网络请求操做须要在子线程完成。主要是由于网络请求属于耗时操做，若是在主线程发起网络请求会致使主线程在网络请求期间，没法及时响应用户的操做，
7：利用在 Activity声明的 Handler对象把在子线从网络获取到的 Bitmap 对象，转移到 UI 线程。
8 : 更新UI。

public class ImageNetActivity extends AppCompatActivity {

    /** * 7.要知道 这里如今是子线程 更新UI的操做须要在主线程（UI线程）完成。 * 在 Activity 中声明 Handler 对象，并复写它的 handleMessage 方法 */
    private Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            if (msg.what == 1010) {
                Bitmap bitmap = (Bitmap) msg.obj;
                setImageView(bitmap);
            }
        }
    };

    private ImageView mImageView;

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

        mImageView = findViewById(R.id.image);


        loadImageUrl("https://cdn.pixabay.com/photo/2017/05/09/23/02/dog-2299482_960_720.jpg");
    }

   

    private void loadImageUrl(final String imageUrl) {
        // Android 系统强制网络请求须要在子线程操做
        new Thread(new Runnable() {

            @Override
            public void run() {
                InputStream inputStream = null;
                try {
                    // 1. 把传过来的路径转成URL
                    URL url = new URL(imageUrl);
                    // 2.经过URL 创建网络链接
                    // --> url.openConnection() 返回 URLConnection
                    // ,它是一个抽象类，这里须要经过Http协议创建链接，须要它的实现类 HttpURLConnection
                    HttpURLConnection urlConnection = (HttpURLConnection) url.openConnection();
                    // 3. 使用GET方法访问网络
                    urlConnection.setRequestMethod("GET");
                    // 配置网络超时时间为 10秒
                    urlConnection.setConnectTimeout(10000);

                    //4. 获取Http协议 响应码
                    int responseCode = urlConnection.getResponseCode();
                    // Http 协议 规定 响应码为200时 请求成功
                    if (responseCode == 200) {
                        // 5. 得知 请求资源成功后，获取图片文件输入流
                        inputStream = urlConnection.getInputStream();

                        // 6. 把获取到的 文件输入流 经过 系统Api 转换为 ImageView 能够识别的 Bitmap 对象

                        Bitmap bitmap = BitmapFactory.decodeStream(inputStream);

                        // 7.要知道 这里如今是子线程 更新UI的操做须要再主线程（UI线程）完成。
                        Message message = mHandler.obtainMessage();
                        message.obj = bitmap;
                        message.what = 1010;//
                        mHandler.sendMessage(message);
                    }

                } catch (IOException e) {
                    e.printStackTrace();
                } finally {
                    if (inputStream != null) {
                        try {
                            //关闭流
                            inputStream.close();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
                }
            }
        }).start();


    }
}
/** * 8.利用从 Mesage 从子线程中携带回来的 Bitmap 对象，在UI线程设置图片 */
 private void setImageView(Bitmap bitmap) {
        mImageView.setImageBitmap(bitmap);
 }
}
复制代码

上面是建立一个空的 Activity ,布局文件中只有一个 ImageView 控件。注意：在 Android中主线程也叫 UI线程。UI 线程是响应用户操做的线程，一旦在 UI线程中存在好在操做，就会阻塞 UI 线程，致使没法及时响应用户操做事件。因此在Android 系统 4.0 后，强制网络请求操做必须在子线程。但问题是：全部更新 UI 的操做又必须在UI线程，这就是咱们必须把网络请求的结果，转移到主线程才能更新 UI。怎么转移呢？那就是 Handler。这个如今知道怎么用就行，后面咱们会仔细讲解。github

上面的代码中，利用系统自带 ULRConnection请求网络请求的步骤注释已经很详细了。可仔细了解其网络请求步骤，大体的套路是同样的。缓存

特别特别特别注意：网络请求是须要权限的，你须要在 AndroidManifet.xml 文件中声明一句用户权限。至于权限的概念后面咱们会细聊。如今只须要在AndroidManifet.xml文件申明便可。服务器

<uses-permission android:name="android.permission.INTERNET"/>
复制代码

第三方网络图片加载库与原始加载库的对比

咱们来思考几个问题，若是在真实项目中，咱们这样加载图片你以为能够吗？微信

........网络

答案是：不能够。app

问题1：上面就只单一使用了内存缓存来解决图片加载问题，Android 系统为每一个应用分配的内存是有限的，假如说咱们的图片成千上万，即便如今的 Android 手机硬件都配置很高，也顶不住这样的操做，当内存不足时应用立刻会崩溃（Crash）。
问题2：内存缓存，易失去性。即当你从新启动应用程序后，原来已经加载过的图片就会丢失，重启后又会从新下载！这就会致使页面加载缓慢，再次耗费用户流量。

因此咱们须要一个比较完善的图片加载系统，这个系统最基础的要包括图片的缓存策略：先从网络请求图片，在手机内存中和SD卡中各自保存一份图片资源。当重启应用时，若是图片存在SD卡中，就能够从SD卡中直接获取图片加载。而且SD卡所能存储的图片总数是必定的，会不断的根据策略去舍去图片的存留。框架

还有很是重要的一点：从图片加载库的使用者角度讲，使用者无需关心内部究竟是使用内存缓存，仍是SD卡缓存，或是直接从网络获取的。这对于使用者来说，内部的一切用户并不须要知道。使用者只须要知道加载图片的接口。

对于图片加载框架，内部实现是极其复杂的，目前咱们并不须要了解其内部实现方式。

下面咱们就使用最经常使用的图片加载框架 Glide来完成咱们图片加载框架使用的演示。

怎样使用第三方网络加载库加载图片（Glide）

咱们要知道，由于Android是开源的，因此会产生各类各样的第三方框架，而咱们不能盲目的去使用，要根据实际状况，从这之中挑选出最优的、最适合本身项目的框架，合理有效的去使用各类资源。而咱们推荐的Glide是通过不断的和其余框架对比所挑选出来性价比最高的！

目前国内主流的第三方网络图片加载库有Glide（主推）、ImageLoader、Picasso、Volley、Fresco等，感兴趣的小伙伴能够去搜索一下这些加载库的全方面对比，百度一哈比比皆是，咱们就再也不这里将网上的一些大神所对比的实际内容再复述一遍啦。下面请跟我走4步，完成你人生中第一次加载网络图片吧！！！

首先咱们要经过依赖 Glide 图片加载库。

Glide github 官方地址
在官方文档中咱们找到须要依赖的 Glide库地址。

implementation 'com.github.bumptech.glide:glide:4.9.0'
复制代码

将依赖地址放置到 app 模块下的 build.gradle 中如图：

添加完成后，咱们点击右上角的 Sync Now ，从网络下载依赖库到本地，并依赖到 app 模块。

咱们在建立的空 Activity 当中，为 ImageView控件利用 Glide加载图片。

okay，搞定！！使用第三图片加载库是否是很简单。

其实里面的大体操做就是咱们在第一个问题中书写的代码，里面多的就是各类缓存策略和逻辑处理。

结语

关于网络图片的加载咱们今天就讲到这里，请原谅小编没有对Glide的源码作详解，由于内容过于复杂，涉及到不少初学者没法理解的知识，我们目前只须要会使用，慢慢的跟着咱们一块儿学习，后续这些都会融会贯通的~ 若是有小伙伴对Glide的源码感兴趣能够加入咱们的微信群一块儿探讨~ 在公众号中回复微信群，就能够加入其中，也能够在公众号中回复视频，里面有一些初学者视频哦~

PS:若是还有未看懂的小伙伴，欢迎加入咱们的QQ技术交流群：892271582，里面有各类大神回答小伙伴们遇到的问题，咱们的微信群立刻也将要和你们见面啦，届时但愿你们踊跃加入其中~~