Android框架Volley之：利用Imageloader和NetWorkImageView加載圖片
阿新 • • 發佈：2019-05-16
sch area sid andro 回調 mtime 分享 shm oid
首先我們在項目中導入這個框架：
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>圖片緩存類BitmapCache.java代碼：
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); } }
主活動業務邏輯實現代碼：
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加載圖片