服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - Android框架Volley之利用Imageloader和NetWorkImageView加载图片的方法

Android框架Volley之利用Imageloader和NetWorkImageView加载图片的方法

2022-10-18 13:12Geeksongs Android

这篇文章主要介绍了Android框架Volley之利用Imageloader和NetWorkImageView加载图片的实现方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下

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

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

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

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

下面是我们的首页布局:

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

Android框架Volley之利用Imageloader和NetWorkImageView加载图片的方法

下面是首页布局的代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?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>

图片缓存类BitmapCache.java代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import android.graphics.Bitmap;
import android.support.v4.util.LruCache;
import com.android.volley.toolbox.ImageLoader;
public class BitmapCache implements ImageLoader.ImageCache {
  private LruCache<String, Bitmap> mCache;
  public BitmapCache() {
    int maxSize = 10 * 1024 * 1024;// 10m
    mCache = new LruCache<String, Bitmap>(maxSize) {
      @Override
      protected int sizeOf(String key, Bitmap bitmap) {
        return bitmap.getRowBytes() * bitmap.getHeight();
      }
    };
  }
  @Override
  public Bitmap getBitmap(String url) {
    return mCache.get(url);
  }
  @Override
  public void putBitmap(String url, Bitmap bitmap) {
    mCache.put(url, bitmap);
  }
}

主活动业务逻辑实现代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
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.ImageLoader;
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) {
        RequestQueue requestQueue = Volley.newRequestQueue(MainActivity.this);
        ImageLoader imageLoader = new ImageLoader(requestQueue, new ImageLoader.ImageCache() {
          @Override
          public Bitmap getBitmap(String s) {
           return null;
          }
          @Override
         public void putBitmap(String s, Bitmap bitmap) {
         }
        });
        // 加载图片
        String url = "http://img5.mtime.cn/mg/2016/10/11/160347.30270341.jpg";
        iv.setVisibility(View.VISIBLE);
        ImageLoader.ImageListener imageListener = imageLoader.getImageListener(iv, R.drawable.test, R.drawable.test);
        //上述代码后面两个参数分别表示的是默认的图片和加载失败之后的图片
        imageLoader.get(url, imageListener);
      }
    });
    netWorkImageView.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        // 让控件显示
        network.setVisibility(View.VISIBLE);
        // 创建一个请求队列
        RequestQueue requestQueue = Volley.newRequestQueue(MainActivity.this);
        // 创建一个Imageloader
        ImageLoader imageLoader = new ImageLoader(requestQueue, new BitmapCache());
        // 默认图片和异常图片设置
        network.setDefaultImageResId(R.drawable.test);
        network.setErrorImageResId(R.drawable.test);
        // 加载图片
        String url = "http://img5.mtime.cn/mg/2016/10/11/160347.30270341.jpg";
        network.setImageUrl(url, imageLoader);
      }
    });
  }
}

得解。

总结

以上所述是小编给大家介绍的Android框架Volley之利用Imageloader和NetWorkImageView加载图片的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

原文链接:https://www.cnblogs.com/geeksongs/archive/2019/05/16/10875275.html

延伸 · 阅读

精彩推荐