Progress Bar On Android

By SoEnLion, 10th Feb 2010 | Follow this author | RSS Feed | Short URL http://nut.bz/4ws2d1y7/
Posted in Wikinut>Guides>Technology>Mobile Phones

To present the progress of loading in most of the applications, we often use progress bars.

Introduction

Most of the applications (mobile, desktop...) need to charge some resources for a further use, from the local system or a remote one (like for web apps). A standard way to present the progress of this loading is the progress bar. The progress bar may have different forms. The most used ones are the circular one (for an undermined duration or amount of resources) or linear one for the other case.
In this tutorial, we’ll try to use the XML layout file, to present those two types of presenting the progress of loading.

The HowTo

To implement a ProgressBar, a Runnable Thread is used transmitt a message to a Handle to move the progress forward in the ProgressBar.

To do it we'll have to modify the XML layout file main.xml (under res/layout) to add those two ProgressBar.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/progressbar_default"
/>
<ProgressBar
android:layout_width="fill_parent"
android:layout_height="wrap_content"
style="?android:attr/progressBarStyleHorizontal"
android:id="@+id/progressbar_Horizontal"
android:max="100"
/>
</LinearLayout>

Once finished with the layout file, we modify the main java file (MainActivity here) like this:

package com.wikinut.android;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ProgressBar;

public class MainActivity extends Activity {

ProgressBar myProgressBar;
int myProgress = 0;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

myProgressBar=(ProgressBar)findViewById(R.id.progressbar_Horizontal);

new Thread(myThread).start();
}

private Runnable myThread = new Runnable(){

@Override
public void run() {
// TODO Auto-generated method stub
while (myProgress<100){
try{
myHandle.sendMessage(myHandle.obtainMessage());
Thread.sleep(1000);
}
catch(Throwable t){
}
}
}

Handler myHandle = new Handler(){

@Override
public void handleMessage(Message msg) {
// TODO Auto-generated method stub
myProgress++;
myProgressBar.setProgress(myProgress);
}
};
};
}

Run that as usual and you should have something similar to this:

http://img.wikinut.com/img/pu4arj42koyyxtqx/jpeg/0/preview.jpeg

Sam Wormleighton moderated this page.
If you have any complaints about this content, please let us know

Username

Can't login?

Password

Page categories

• Star pages
• Wikinut
• Guides
• Technology
• • Aviation & Aerospace
  • Cameras
  • Car Audio
  • Computer Hardware
  • Computer Software
  • DVD Players & Recorders
  • Home Audio
  • Mobile Phones
  • MP3 Players
  • Optics
  • Satellite & Digital TV
  • Televisions
  • Tivo & PVR

Wikinut search

Wikinut options

• Help
• Contact us