Android框架Volley之：ImageRequest请求实现图片加载

首先我们在项目中导入这个框架：

implementation 'com.mcxiaoke.volley:library:1.0.19'

在AndroidManifest文件当中添加网络权限：

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

下面是我们的首页布局：
在这个布局当中我们将Volley框架的所有功能都做成了一个按钮，按下按钮之后就会在“显示结果”下面显示结果，显示结果下面使用了一个ScrollView，并在ScrollView下面嵌套了一个Textview和Imageview,用于把我们加载成功之后的图片和文字进行显示。

下面是首页布局的代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
<Button
    android:id="@+id/get"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Get请求"/>
    <Button
        android:id="@+id/post"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Post请求"/>
    <Button
        android:id="@+id/json"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="请求JSON"/>
    <Button
        android:id="@+id/ImageRquest"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="ImageRquest加载图片"/>
    <Button
        android:id="@+id/ImageLoader"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="ImageLoader加载图片"/>
    <Button
        android:id="@+id/NetWorkImageView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="NetWorkImageView加载图片"/>
    <TextView
        android:text="显示结果"
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_volley"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <com.android.volley.toolbox.NetworkImageView
        android:id="@+id/NetWork"
        android:visibility="gone"
        android:layout_width="200dp"
        android:layout_height="200dp" />
   <ScrollView
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       <TextView
           android:id="@+id/tv_volley_result"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />



   </ScrollView>
</LinearLayout>

为了实现ImageRequest请求，进行ImageRequest请求一共需要三步，分别是：

```
创建一个请求队列
```
```
创建一个请求
```

将创建的请求添加到请求队列当中

在创建请求的时候，必须同时写两个监听器，一个是实现请求，正确接受数据的回调，另一个是发生异常之后的回调。这里就直接采用了图片网址：

http://img5.mtime.cn/mg/2016/10/11/160347.30270341.jpg

核心代码如下：

 imagerequest.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // 1 创建一个请求队列
                RequestQueue requestQueue = Volley.newRequestQueue(MainActivity.this);

                // 2 创建一个图片的请求
                String url = "http://img5.mtime.cn/mg/2016/10/11/160347.30270341.jpg";
                ImageRequest imageRequest = new ImageRequest(url, new Response.Listener<Bitmap>() {
                    @Override
                    public void onResponse(Bitmap bitmap) {
                        // 正确接收到图片
                        iv.setVisibility(View.VISIBLE);//将图片设置为可见
                        iv.setImageBitmap(bitmap);//将接受到的图片Bitmap对象传入到我们的imageview当中
                    }
                }, 0, 0, Bitmap.Config.RGB_565, new Response.ErrorListener() {
                    //前面两个0，0的参数表示的是我们加载图片最大宽度和高度，后面的Bitmap.Config.RGB_565表示图片的质量
                    @Override
                    public void onErrorResponse(VolleyError volleyError) {
                        iv.setImageResource(R.drawable.test);
                    }
                });

                // 3 将请求添加到请求队列中
                requestQueue.add(imageRequest);

            }
        });

全部主活动的Java代码如下：

import android.graphics.Bitmap;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

import com.android.volley.AuthFailureError;
import com.android.volley.Request;
import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.ImageRequest;
import com.android.volley.toolbox.JsonArrayRequest;
import com.android.volley.toolbox.JsonObjectRequest;
import com.android.volley.toolbox.NetworkImageView;
import com.android.volley.toolbox.StringRequest;
import com.android.volley.toolbox.Volley;

import org.json.JSONObject;

import java.util.HashMap;
import java.util.Map;

public class MainActivity extends AppCompatActivity {
    private Button get;
    private Button post;
    private Button json;
    private Button imagerequest;
    private  Button imageload;
    private  Button netWorkImageView;

    private ImageView iv;
    private NetworkImageView network;
    private TextView tv_volley_result;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initview();
        initListener();

    }
    public void initview()//把需要初始化的控件的逻辑都写在这里是一个很好的编程范式
    {

        get=findViewById(R.id.get);
        post=findViewById(R.id.post);
        json=findViewById(R.id.json);
        imagerequest=findViewById(R.id.ImageRquest);
        imageload=findViewById(R.id.ImageLoader);
        netWorkImageView=findViewById(R.id.NetWorkImageView);
        iv=findViewById(R.id.iv_volley);
        network=findViewById(R.id.NetWork);
        tv_volley_result=findViewById(R.id.tv_volley_result);



    }
    public void initListener()
    {
        get.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //创建一个请求队列
                RequestQueue requestQueue=Volley.newRequestQueue(MainActivity.this);
                //创建一个请求
                String url="http://gank.io/api/xiandu/category/wow";
                StringRequest stringRequest=new StringRequest(url, new Response.Listener<String>() {
                   //正确接受数据之后的回调
                    @Override
                    public void onResponse(String response) {
                    tv_volley_result.setText(response);
                    }
                }, new Response.ErrorListener() {//发生异常之后的监听回调
                    @Override
                    public void onErrorResponse(VolleyError error) {
                        tv_volley_result.setText("加载错误"+error);
                    }
                });
                //将创建的请求添加到请求队列当中
                requestQueue.add(stringRequest);
            }
        });


        post.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // 1 创建一个请求队列
                RequestQueue requestQueue = Volley.newRequestQueue(MainActivity.this);

                // 2 创建一个post请求
                String url = "http://api.m.mtime.cn/PageSubArea/TrailerList.api";
                StringRequest stringRequest = new StringRequest(Request.Method.POST, url, new Response.Listener<String>() {
                    @Override
                    public void onResponse(String s) {
                        tv_volley_result.setText(s);
                    }
                }, new Response.ErrorListener() {
                    @Override
                    public void onErrorResponse(VolleyError volleyError) {
                        tv_volley_result.setText("请求失败" + volleyError);
                    }
                }) {
                    @Override
                    protected Map<String, String> getParams() throws AuthFailureError {

                        Map<String, String> map = new HashMap<String, String>();
//                        map.put("value1","param1");

                        return map;
                    }
                };

                // 3 将post请求添加到队列中
                requestQueue.add(stringRequest);




            }
        });

        json.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
// 1 创建一个请求队列
                RequestQueue requestQueue = Volley.newRequestQueue(MainActivity.this);

                // 2 创建一个请求
                String url = "http://gank.io/api/xiandu/category/wow";
                //JsonArrayRequest jsonObjectRequest2=......
                JsonObjectRequest jsonObjectRequest = new JsonObjectRequest(url, null, new Response.Listener<JSONObject>() {
                    @Override
                    public void onResponse(JSONObject jsonObject) {
                        tv_volley_result.setText(jsonObject.toString());
                    }
                }, new Response.ErrorListener() {
                    @Override
                    public void onErrorResponse(VolleyError volleyError) {
                        tv_volley_result.setText("请求失败" + volleyError);
                    }
                });

                // 3 将创建的请求添加到请求队列中
                requestQueue.add(jsonObjectRequest);

//这一步完成之后就可以使用我们的json解析了

            }
        });

        imagerequest.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // 1 创建一个请求队列
                RequestQueue requestQueue = Volley.newRequestQueue(MainActivity.this);

                // 2 创建一个图片的请求
                String url = "http://img5.mtime.cn/mg/2016/10/11/160347.30270341.jpg";
                ImageRequest imageRequest = new ImageRequest(url, new Response.Listener<Bitmap>() {
                    @Override
                    public void onResponse(Bitmap bitmap) {
                        // 正确接收到图片
                        iv.setVisibility(View.VISIBLE);//将图片设置为可见
                        iv.setImageBitmap(bitmap);//将接受到的图片Bitmap对象传入到我们的imageview当中
                    }
                }, 0, 0, Bitmap.Config.RGB_565, new Response.ErrorListener() {
                    //前面两个0，0的参数表示的是我们加载图片最大宽度和高度，后面的Bitmap.Config.RGB_565表示图片的质量
                    @Override
                    public void onErrorResponse(VolleyError volleyError) {
                        iv.setImageResource(R.drawable.test);
                    }
                });

                // 3 将请求添加到请求队列中
                requestQueue.add(imageRequest);

            }
        });


        imageload.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

            }
        });

        netWorkImageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

            }
        });

    }
}

得到下图：

则大吉大利，成功也！！

posted @ 2019-05-16 01:10 Geeksongs 阅读(779) 评论(0) 编辑收藏举报

刷新页面返回顶部

Geek Song

保持对科技的热情，不断积累自己的技术套装，力求能够快速从0到1构建整个项目，生命因技术而更加精彩！

Android框架Volley之：ImageRequest请求实现图片加载

公告

Coded by Geeksongs on Linux

All rights reserved, no one is allowed to pirate or use the document for other purposes.