Android Volley Tutorial

Transcription

1 Android Volley Tutorial by Kapil - Monday, May 16, YouTube Video Volley is an HTTP library developed by Google to ease networking tasks in Android Applications. Volley supersedes Java's.net.HttpURLConnection class and Apache's org.apache.http.client in handling network requests. Volley can handle almost each and everything you will need to do over the network, it handles HTTP request and also manages the async tasks that you need to use while working with canonical networking classes. Features of Android Volley Library :- 1. Volley manages network request automatically and without you using any AsyncTask. It offers multiple concurrent network connections, resulting in faster and efficient network operations. 2. Volley caches all network requests, utilizing the previous results in the case of change in activity configuration. However due to the same reason, it is only good for small Volley and not suitable for large download or streaming operations. 3. It has a powerful cancellation API. You can fully control the request cancellation, or you can set blocks or scopes of requests to cancel. 4. Volley allows you to control and order the network requests making it easy to populate UI elements in an orderly manner, useful in case of social networking apps like facebook, twitter. It also provides support for request prioritization. 5. Volley has built in debugging and tracing tools which allow user to get to the root of the error. Working of Volley. While using volley you are only concerned about adding a request to the queue, handling it's response, and you can actually ignore everything that is running in the background. When you fire a network request it is added to cache queue in the priority order. A cache dispatcher thread figures out whether it can service the request entirely from the cache or it needs to fire a network request for the response. In the case of a cache miss or if cached response has expired, the network dispatcher services the request, handles the parsing of the response and returns the response back to the main thread. Volley is very useful for network request involving strings, images, and JSON. It has built in support for these objects. We will now show you how to use Volley for networking in android apps. We have created a Demo app which downloads the String, JsonObject, JsonArray and Image Object from the following URL's 1 / 12

2 respectively. String URL JsonObject URL JsonArray URL Image URL ct On completion the app will show user a menu, where she can select the type of response she wants as shown in the figure below. Android Volley Tutorial Menu The User can select one of the menu options and based upon her choice the response will be shown in a dialog box. You will get the following response if you click the four buttons respectively. Volley Response on Clicking the Menu Options (adsbygoogle = window.adsbygoogle ).push({); Pre-requisites 1. Android Studio installed on your PC (Unix or Windows). You can learn how to install it here. 2. A real time android device (Smartphone or Tablet) configured with Android Studio.. 3. Basic knowledge of JSON Parsing, Refer to JSON Parsing Tutorial. to learn about parsing JSON response. Creating a New Project and Adding Volley 1. Go to File? New? New Project and enter your Application Name. 2. Enter Company Domain, this is used to uniquely identify your App s package worldwide. 3. Choose project location and minimum SDK and on the next screen choose Empty Activity, since we would be adding most of the code Ourselves. Then Click on Next. 4. Choose an Activity Name. Make sure Generate Layout File check box is selected, Otherwise we have to generate it ourselves.then click on Finish. We have left Activity Name as MainActivity. 5. Gradle will configure your project and resolve the dependencies, Once it is complete proceed for next steps. 6. To add Volley to your project add the following dependency in your App's build.gradle file. compile 'com.android.volley:volley:1.0.0' Add Internet Permission 2 / 12

3 Add the following permission to your AndroidManifest. file AndroidManifest. <uses-permission android:name="android.permission.internet" /> Setup Request Queue The most efficient way to use Volley for a network intensive android application is to create a Singleton pattern and set up a single object of RequestQueue for the complete lifecycle of your app. To achieve this we will create a singleton class and add RequestQueue object as member field and create methods to achieve the functionality offered by Volley. Create a new class AppSingleton. and add the following code : AppSingleton. package com.androidtutorialpoint.volleytutorial; import android.content.context; import android.graphics.bitmap; import android.util.lrucache; import com.android.volley.request; import com.android.volley.requestqueue; import com.android.volley.toolbox.imageloader; import com.android.volley.toolbox.volley; /** * Created by androidtutorialpoint on 5/11/16. */ public class AppSingleton { private static AppSingleton mappsingletoninstance; private RequestQueue mrequestqueue; private ImageLoader mimageloader; private static Context mcontext; private AppSingleton(Context context) { mcontext = context; mrequestqueue = getrequestqueue(); mimageloader = new ImageLoader(mRequestQueue, new ImageLoader.ImageCache() { private final LruCache<String, Bitmap> 3 / 12

4 cache = new LruCache<String, Bitmap>(20); public Bitmap getbitmap(string url) { return cache.get(url); public void putbitmap(string url, Bitmap bitmap) { cache.put(url, bitmap); ); public static synchronized AppSingleton getinstance(context context) { if (mappsingletoninstance == null) { mappsingletoninstance = new AppSingleton(context); return mappsingletoninstance; public RequestQueue getrequestqueue() { if (mrequestqueue == null) { // getapplicationcontext() is key, it keeps you from leaking the // Activity or BroadcastReceiver if someone passes one in. mrequestqueue = Volley.newRequestQueue(mContext.getApplicationContext()); return mrequestqueue; public <T> void addtorequestqueue(request<t> req,string tag) { req.settag(tag); getrequestqueue().add(req); public ImageLoader getimageloader() { return mimageloader; public void cancelpendingrequests(object tag) { if (mrequestqueue!= null) { mrequestqueue.cancelall(tag); 4 / 12

5 We have created an instance of type AppSingleton and made the constructor private to apply singleton pattern. Additionally we have instances of RequestQueue and ImageLoader. We have also added getter methods for RequestQueue and ImageLoader. In the getrequestqueue() method we check whether the object already exists, if not we use the convenience method Volley.newRequestQueue(), pass in the application context and return the RequestQueue reference. The method addtorequestqueue() takes in a generic Type and adds it to request queue. In the constructor, we create an ImageLoader object using the RequestQueue object and a new ImageCache object. ImageCache is a cache adapter interface. It is used as an L1 cache before dispatch to Volley. We add a LruCache object from package.util.lrucache and implement the interface methods getbitmap() and putbitmap(). cancelpendingrequests() is used to cancel a request using a tag. To work with volley you construct a request object, there are different kinds of requests objects that you can use, most important ones are StringRequest, JsonObjectRequest, JsonArrayRequest and ImageRequest. Let's review how to perform these network requests one by one. String Request using Volley In the MainActivity., create the following method to make a Volley request for String Object. MainActivity. public void volleystringrequst(string url){ String REQUEST_TAG = "com.androidtutorialpoint.volleystringrequest"; progressdialog.setmessage("loading..."); progressdialog.show(); StringRequest strreq = new StringRequest(url, new Response.Listener<String>() { public void onresponse(string response) { Log.d(TAG, response.tostring()); LayoutInflater li = LayoutInflater.from(MainActivity.this); showdialogview = li.inflate(r.layout.show_dialog, null); outputtextview = (TextView)showDialogView.findViewById(R.id.text_view_dialog); AlertDialog.Builder alertdialogbuilder = new AlertDialog.Builder(MainActivity.this); alertdialogbuilder.setview(showdialogview); alertdialogbuilder.setpositivebutton("ok", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { 5 / 12

6 ).setcancelable(false).create(); outputtextview.settext(response.tostring()); alertdialogbuilder.show(); progressdialog.hide();, new Response.ErrorListener() { public void onerrorresponse(volleyerror error) { VolleyLog.d(TAG, "Error: " + error.getmessage()); progressdialog.hide(); ); // Adding String request to request queue AppSingleton.getInstance(getApplicationContext()).addToRequestQueue(strReq, REQUEST_TAG); The REQUEST_TAG is used to cancel the request. We have created a new StringRequest Object, the constructor takes in three arguments. 1. Url: the URL for the network request. 2. Listener Object: anonymous inner type, an implementation of Response.Listener(), It has an onrespose method which will receive the string from the web. 3. ErrorListener Object: anonymous inner type, an implementaion of onerrorresponse(volleyerror err) will get an instance of object of Volley Error In the onresponse() method, we are logging the output to LogCat and also showing the response recieved in an AlertDialog. In the onerrorresponse() method, we are simply logging the error message to LogCat. Now that we have described the network request, We need to add the request to a queue, We get the instance of the RequestQueue from AppSingleton and add our request to the queue. Next, create the following function to make a Volley request for JSONObject. MainActivity. public void volleyjsonobjectrequest(string url){ String REQUEST_TAG = "com.androidtutorialpoint.volleyjsonobjectrequest"; progressdialog.setmessage("loading..."); 6 / 12

7 progressdialog.show(); JsonObjectRequest jsonobjectreq = new JsonObjectRequest(url, null, new Response.Listener<JSONObject>() { public void onresponse(jsonobject response) { Log.d(TAG, response.tostring()); LayoutInflater li = LayoutInflater.from(MainActivity.this); showdialogview = li.inflate(r.layout.show_dialog, null); outputtextview = (TextView)showDialogView.findViewById(R.id.text_view_dialog); AlertDialog.Builder alertdialogbuilder = new AlertDialog.Builder(MainActivity.this); alertdialogbuilder.setview(showdialogview); alertdialogbuilder.setpositivebutton("ok", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { ).setcancelable(false).create(); outputtextview.settext(response.tostring()); alertdialogbuilder.show(); progressdialog.hide();, new Response.ErrorListener() { public void onerrorresponse(volleyerror error) { VolleyLog.d(TAG, "Error: " + error.getmessage()); progressdialog.hide(); ); // Adding JsonObject request to request queue AppSingleton.getInstance(getApplicationContext()).addToRequestQueue(jsonObjectReq,REQUE ST_TAG); This method is similar to volleystringrequest() method. Here we are creating JsonObjectRequest instead and the response listener expects a JsonObject. Next, create the following method to make a Volley request for JSONArray. MainActivity. 7 / 12

8 public void volleyjsonarrayrequest(string url){ String REQUEST_TAG = "com.androidtutorialpoint.volleyjsonarrayrequest"; progressdialog.setmessage("loading..."); progressdialog.show(); JsonArrayRequest jsonarrayreq = new JsonArrayRequest(url, new Response.Listener<JSONArray>() { public void onresponse(jsonarray response) { Log.d(TAG, response.tostring()); LayoutInflater li = LayoutInflater.from(MainActivity.this); showdialogview = li.inflate(r.layout.show_dialog, null); outputtextview = (TextView)showDialogView.findViewById(R.id.text_view_dialog); AlertDialog.Builder alertdialogbuilder = new AlertDialog.Builder(MainActivity.this); alertdialogbuilder.setview(showdialogview); alertdialogbuilder.setpositivebutton("ok", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { ).setcancelable(false).create(); outputtextview.settext(response.tostring()); alertdialogbuilder.show(); progressdialog.hide();, new Response.ErrorListener() { public void onerrorresponse(volleyerror error) { VolleyLog.d(TAG, "Error: " + error.getmessage()); progressdialog.hide(); ); // Adding JsonObject request to request queue AppSingleton.getInstance(getApplicationContext()).addToRequestQueue(jsonArrayReq, REQUEST_TAG); Here we are creating a JsonArray request and the response listener expects a JSONArray Object. Next, we create the a function to make a Volley request for getting Images over network. MainActivity. public void volleyimageloader(string url){ 8 / 12

9 ImageLoader imageloader = AppSingleton.getInstance(getApplicationContext()).getImageLoader(); imageloader.get(url, new ImageLoader.ImageListener() { public void onerrorresponse(volleyerror error) { Log.e(TAG, "Image Load Error: " + error.getmessage()); public void onresponse(imageloader.imagecontainer response, boolean arg1) { if (response.getbitmap()!= null) { LayoutInflater li = LayoutInflater.from(MainActivity.this); showdialogview = li.inflate(r.layout.show_dialog, null); outputimageview = (ImageView)showDialogView.findViewById(R.id.image_view_dialog); AlertDialog.Builder alertdialogbuilder = new AlertDialog.Builder(MainActivity.this); alertdialogbuilder.setview(showdialogview); alertdialogbuilder.setpositivebutton("ok", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialog, int id) { ).setcancelable(false).create(); outputimageview.setimagebitmap(response.getbitmap()); alertdialogbuilder.show(); ); We get the ImageLoader instance from the AppSingleton and use its get() method to download the image. The get() method of ImageLoader has onresponse() method to handle the response. The return type of the method is an ImageContainer object, for demo purpose we are simply showing the images in AlertDialog. Volley has additional method to handle the cache. We will describe these methods briefly. public void volleycacherequest(string url){ Cache cache = AppSingleton.getInstance(getApplicationContext()).getRequestQueue().getCache(); Cache.Entry reqentry = cache.get(url); if(reqentry!= null){ 9 / 12

10 try { String data = new String(reqEntry.data, "UTF-8"); //Handle the Data here. catch (UnsupportedEncodingException e) { e.printstacktrace(); else{ //Request Not present in cache, launch a network request instead. public void volleyinvalidatecache(string url){ AppSingleton.getInstance(getApplicationContext()).getRequestQueue().getCache().invalidate(url, true); public void volleydeletecache(string url){ AppSingleton.getInstance(getApplicationContext()).getRequestQueue().getCache().remove(url); public void volleyclearcache(){ AppSingleton.getInstance(getApplicationContext()).getRequestQueue().getCache().clear(); The volleycacherequest() checks for the request entry in the cache, if the request is already present then you can handle the data accordingly and in case the data is not present, then launch a network request to get data from network. ThevolleyInvalidateCache() is used to invalidate the existing cache for particular entry and volleydeletecache() is used to delete cache for particular url. ThevolleyClearCache() will be used to clear the entire cache. Please find the complete Code for MainActivity. here => MainActivity. Moreover the layout consist of 4 buttons for String, JsonObject, JsonArray and Image Response. Open activity_main. and put the code from the following file => activity_main. The DialogAlert which is shown in the Demo app consist of TextView and ImageView to show the response. Create a new Layout file show_dialog. and put the following code. show_dialog. <? version="1.0" encoding="utf-8"?> 10 / 12

11 <LinearLayout ns:android=" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:padding="5dp" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:textalignment="center" android:gravity="center" /> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content"/> </LinearLayout> (adsbygoogle = window.adsbygoogle ).push({); What's Next? With the knowledge of how to use volley in Android Applications, you can experiment with different API's available on the internet, parse them and create beautiful android applications. We will soon be covering one such post on how to use TMDB's (The Movie DataBase) API using Volley and display the movies in a grid view. Till then stay tuned for more tutorials.. and Don't forget to subscribe our blog for latest android tutorials. Also do Like our Facebook Page or Add us on Twitter. Click on Download Now button to download the full code. 11 / 12

12 Powered by TCPDF ( Android Volley Tutorial PDF generated by Kalin's PDF Creation Station 12 / 12