5.android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar
http://www.androidhive.info/2012/04/android-downloading-file-by-show...
Request Tutorial Name: Email:
Request:
1 dari 14
5/6/2013 10:34 PM
Advertise Here
Advertise Here
Home Downloads All Tutorials

Like Tweet 6.6k 220
603

0 Comments
Tweet Like 35 8
Delicious
5
StumbleUpon
When our application does a task that takes a considerable amount of time, it is common sense to show the
2 dari 14
5/6/2013 10:34 PM
progress of the task to the user. This is a good User Experience practice. In this tutorial i will be discussing the implementation of a processprogress dialog. As an example, i am displaying a progress bar that runs while the app downloads an image from the web. And once the image is downloaded completely i am showing the image in a image view. You could modify this example and try it with any file type you may wish. That could be fun!
Creating new Project

1. Create a new project and fill all the details. File New Android Project 2. Open your main.xml are create a button to show download progress bar. Also define a ImageView to show downloaded image. Paste the following code in your main.xml
main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" >  <Button android:id="@+id/btnProgressBar" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Download File with Progress Bar" android:layout_marginTop="50dip"/>  <ImageView android:id="@+id/my_image" android:layout_width="fill_parent"
3 dari 14
5/6/2013 10:34 PM
android:layout_height="wrap_content"/> </LinearLayout> 3. Now in your main activity class import necessary classes and buttons. I am starting a new asynctask to download the file after clicking on show progress bar button. public class AndroidDownloadFileByProgressBarActivity extends Activity { // button to show progress dialog Button btnShowProgress // Progress Dialog private ProgressDialog pDialog; // Progress dialog type (0 - for Horizontal progress bar) public static final int progress_bar_type = 0;
// File url to download private static String file_url = "http://api.androidhive.info/progressdialog/hive.jpg @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // show progress bar button btnShowProgress = (Button) findViewById(R.id.btnProgressBar); // Image view to show image after downloading my_image = (ImageView) findViewById(R.id.my_image); /** * Show Progress bar click event * */ btnShowProgress.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // starting new Async Task new DownloadFileFromURL().execute(file_url); } }); } 4. Progress Dialog can be shown using ProgressDialog class. It is a subclass of normal AlertDialog class. So add an alert method in your main activity class. /** * Showing Dialog * */ @Override protected Dialog onCreateDialog(int id) {
4 dari 14
5/6/2013 10:34 PM
switch (id) { case progress_bar_type: pDialog = new ProgressDialog(this); pDialog.setMessage("Downloading file. Please wait..."); pDialog.setIndeterminate(false); pDialog.setMax(100); pDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); pDialog.setCancelable(true); pDialog.show(); return pDialog; default: return null; } } 5. Now we need to add our Async Background thread to download file from url. In your main activity add a asynctask class and name it as DownloadFileFromURL(). After downloading image from the web i am reading the downloaded image from the sdcard and displaying in a imageview. /** * Background Async Task to download file * */ class DownloadFileFromURL extends AsyncTask<String, String, String> { /** * Before starting background thread * Show Progress Bar Dialog * */ @Override protected void onPreExecute() { super.onPreExecute(); showDialog(progress_bar_type); } /** * Downloading file in background thread * */ @Override protected String doInBackground(String... f_url) { int count; try { URL url = new URL(f_url[0]); URLConnection conection = url.openConnection(); conection.connect(); // getting file length int lenghtOfFile = conection.getContentLength(); // input stream to read file - with 8k buffer InputStream input = new BufferedInputStream(url.openStream(), 8192); // Output stream to write file OutputStream output = new FileOutputStream("/sdcard/downloadedfile.jpg" byte data[] = new byte[1024];
5 dari 14
5/6/2013 10:34 PM
long total = 0; while ((count = input.read(data)) != -1) { total += count; // publishing the progress.... // After this onProgressUpdate will be called publishProgress(""+(int)((total*100)/lenghtOfFile)); // writing data to file output.write(data, 0, count); } // flushing output output.flush(); // closing streams output.close(); input.close(); } catch (Exception e) { Log.e("Error: ", e.getMessage()); } return null; } /** * Updating progress bar * */ protected void onProgressUpdate(String... progress) { // setting progress percentage pDialog.setProgress(Integer.parseInt(progress[0])); } /** * After completing background task * Dismiss the progress dialog * **/ @Override protected void onPostExecute(String file_url) { // dismiss the dialog after the file was downloaded dismissDialog(progress_bar_type);
// Displaying downloaded image into image view // Reading image path from sdcard String imagePath = Environment.getExternalStorageDirectory().toString() + "/downl // setting downloaded into image view my_image.setImageDrawable(Drawable.createFromPath(imagePath)); } } 6. Open your AndroidManifest.xml file and add internet connect permission and writing to sdcard permission.
6 dari 14
5/6/2013 10:34 PM
AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.androidhive" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="8" /> <application android:icon="@drawable/ic_launcher" android:label="@string/app_name" > <activity android:name=".AndroidDownloadFileByProgressBarActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application>  android:name="android.permission.INTERNET" /> Writing to SDCard --> android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
7 dari 14
5/6/2013 10:34 PM
Final Code
package com.example.androidhive; import import import import import import import import import import import import import import import
8 dari 14
java.io.BufferedInputStream; java.io.FileOutputStream; java.io.InputStream; java.io.OutputStream; java.net.URL; java.net.URLConnection; android.app.Activity; android.app.Dialog; android.app.ProgressDialog; android.graphics.drawable.Drawable; android.os.AsyncTask; android.os.Bundle; android.os.Environment; android.util.Log; android.view.View;
5/6/2013 10:34 PM
import android.widget.Button; import android.widget.ImageView; public class AndroidDownloadFileByProgressBarActivity extends Activity { // button to show progress dialog Button btnShowProgress; // Progress Dialog private ProgressDialog pDialog; ImageView my_image; // Progress dialog type (0 - for Horizontal progress bar) public static final int progress_bar_type = 0;
// File url to download private static String file_url = "http://api.androidhive.info/progressdialog/hive.jpg @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // show progress bar button btnShowProgress = (Button) findViewById(R.id.btnProgressBar); // Image view to show image after downloading my_image = (ImageView) findViewById(R.id.my_image); /** * Show Progress bar click event * */ btnShowProgress.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // starting new Async Task new DownloadFileFromURL().execute(file_url); } }); } /** * Showing Dialog * */ @Override protected Dialog onCreateDialog(int id) { switch (id) { case progress_bar_type: // we set this to 0 pDialog = new ProgressDialog(this); pDialog.setMessage("Downloading file. Please wait..."); pDialog.setIndeterminate(false); pDialog.setMax(100); pDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); pDialog.setCancelable(true); pDialog.show(); return pDialog; default: return null;
9 dari 14
5/6/2013 10:34 PM
} } /** * Background Async Task to download file * */ class DownloadFileFromURL extends AsyncTask<String, String, String> { /** * Before starting background thread * Show Progress Bar Dialog * */ @Override protected void onPreExecute() { super.onPreExecute(); showDialog(progress_bar_type); }
/** * Downloading file in background thread * */ @Override protected String doInBackground(String... f_url) { int count; try { URL url = new URL(f_url[0]); URLConnection conection = url.openConnection(); conection.connect(); // this will be useful so that you can show a tipical 0-100% progress bar int lenghtOfFile = conection.getContentLength(); // download the file InputStream input = new BufferedInputStream(url.openStream(), 8192); // Output stream OutputStream output = new FileOutputStream("/sdcard/downloadedfile.jpg" byte data[] = new byte[1024]; long total = 0; while ((count = input.read(data)) != -1) { total += count; // publishing the progress.... // After this onProgressUpdate will be called publishProgress(""+(int)((total*100)/lenghtOfFile)); // writing data to file output.write(data, 0, count); } // flushing output output.flush(); // closing streams output.close();
10 dari 14
5/6/2013 10:34 PM
input.close(); } catch (Exception e) { Log.e("Error: ", e.getMessage()); } return null; } /** * Updating progress bar * */ protected void onProgressUpdate(String... progress) { // setting progress percentage pDialog.setProgress(Integer.parseInt(progress[0])); } /** * After completing background task * Dismiss the progress dialog * **/ @Override protected void onPostExecute(String file_url) { // dismiss the dialog after the file was downloaded dismissDialog(progress_bar_type); // Displaying downloaded image into image view // Reading image path from sdcard String imagePath = Environment.getExternalStorageDirectory().toString() + // setting downloaded into image view my_image.setImageDrawable(Drawable.createFromPath(imagePath)); } } }
11 dari 14
5/6/2013 10:34 PM
41 comments
10
Best
Community Chris
Share
I have a android gps app that well bt when i load it on a blackberry 10 device it does access gps. What is the cause of it
3 Kailash
Ravi Tamada Can you help me to complete my task..?? It has RSS feed data from a website. It has 55 items in it. Each item has an image url. Your task is to parse the xml file and extract the image url of each item. Download each image and write a single bitmap in to a cache file Name the cache file with the url of the image On the UI part, show a download button. On clicking it, downloads should begin. While downloads are in progress show an indeterminate progress bar. When downloads are complete show a "SHOW IMAGES" button. On clicking this button, display the downloaded images in a 'Grid Layout'. can you just mail me the code please kk.pawar98@gmail.com
2 Txarito
How much?
2 StillBroke Jones
I will get the best coders on Stackoverflow to do each component of this then link it all together with spaghetti code. my price $75
Chris
I have an android gps app that work well on android bt when i load it on a blackberry 10 device it doesnot access gps. What is the cause of it
1 Roneykakkanatt
Learn ANDROID from the very beginning

12 dari 14
5/6/2013 10:34 PM
Ravi Tamada
AndroidHive
Like 6,611 people like AndroidHive.
Most Viewed Top Downloads Android SQLite Database Tutorial - 346,745 views Android Custom ListView with Image and Text - 286,356 views Android JSON Parsing Tutorial - 252,749 views How to connect Android with PHP, MySQL - 233,623 views Android Tab Layout Tutorial - 203,943 views
13 dari 14
5/6/2013 10:34 PM
Android Login and Registration with PHP, MySQL and SQLite - 202,443 views Android XML Parsing Tutorial - 165,735 views Android Login and Registration Screen Design - 149,083 views Android Push Notifications using Google Cloud Messaging (GCM), PHP and MySQL - 143,977 views Android ListView Tutorial - 138,410 views Apps Async Beginner Database facebook GCM Google GPS Grid Intermediate json List View Maps MySQL PHP Quick Tips sessions Spinner SQLite Tab View Twitter UI xml
2011 www.androidhive.info | All Rights Reserved.
14 dari 14
5/6/2013 10:34 PM

5.android Downloading File by Showing Progress Bar

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

5.android Downloading File by Showing Progress Bar

Uploaded by

Copyright:

Available Formats

Android Downloading File by Showing Progress Bar

Request Tutorial Name: Email:

Android Downloading File by Showing Progress Bar

Home Downloads All Tutorials

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Creating new Project

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

Learn ANDROID from the very beginning

Android Downloading File by Showing Progress Bar

Android Downloading File by Showing Progress Bar

2011 www.androidhive.info | All Rights Reserved.

You might also like