Skip to main content

Using progressbar

You might have used ProgressDialog in your android app. This can be used to tell the user that some long processing is going on like file operation or accessing data from net.

A progressbar is similar to a progress dialog. It is used to show the progress of a lengthy operation. 

Progress bar can be horizontal or indeterminate - which is a wheel like thing which keeps rotating. We can specify which we need horizontal instead of indeterminate with style option

         <ProgressBar
            android:id="@+id/time"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="fill_parent"
          
            android:layout_height="wrap_content" />


in the xml file.


Using horizontal progressbar for countdown


Consider the case where you want to show how much time is left for your user to complete his quiz. Your progress bar should be horizontal and it should start from full and stop at 0 when time out. 

Updating the progress of progressbar is done with 

    pbTimeLeft.setProgress(value);

The maximum value of progressbar can be set as
    
     pbTimeLeft.setMax(maxValue);

To use a count down timing for this progress bar, you should also use countdown timer.
 
 mCountDownTimer = new CountDownTimer(totaltime, time_update_interval) {

            @Override
            public void onFinish() {
                doFinishStuffHere();

            }

            @Override
            public void onTick(long millisUntilFinished) {
                
                pbTimeLeft.setProgress((int) millisUntilFinished);
            }

        }.start();

Comments

  1. Nice tut. But how to make a progressbar and counttime :)

    ReplyDelete
  2. Please refer to my post http://myandroidtipsandtricks.blogspot.in/2013/10/progress-bar-with-different-color-and.html

    ReplyDelete

Post a Comment

Popular posts from this blog

Simple ListView Adapter and list item select

When you are using a listview in your applications many a times you will write your own adapter to display item. But if your list is very simple showing a list of strings, you can use inbuilt adapters like ArrayAdapter, SimpleCursorAdapter etc.

ArrayAdapterLet us look at an example

<?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" > <ListView android:layout_height="wrap_content" android:id="@+id/listView1" android:layout_width="match_parent" android:layout_margin="20dp"> </ListView> </LinearLayout>

And add these lines to the onCreate method of the activity.

super.onCreate(savedInstanceState); …

Drawables in Android - Layer drawable

Let us see how to use layer drawable. You can have two or more bitmaps on different layers to create such a drawable

Using xml:

You should use layer-list in your xml file to create layerdrawable. Here is layer.xml
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <bitmap android:src="@drawable/whiteicon" android:gravity="top|left"/> </item> <item> <bitmap android:src="@drawable/blueicon" android:gravity="top|left"/> </item> <item> <bitmap android:src="@drawable/redicon" android:gravity="top|left"/> </item> </layer-list>
We are using three different bitmaps whiteicon.png, redicon.png and blueicon.png which are present in /res/drawable/mdpi folder. All these are of different sizes and aligned to top left. This drawab…

DatePickers in Android

DatePicker is a view which lets the user select a date showing a calendar or 3 spinners for dd, mm and yy.

Let us see how to use this.
Easy Method: To use a DatePicker you can use DatePickerDialog. This can be created and shown programmatically too.

publicvoidonCreate(Bundle b){/*********/ Button btn =(Button)findViewById(R.id.btn); btn.setOnClickListener(new View.OnClickListener(){@OverridepublicvoidonClick(View v){ showPickerDialog();}});}privatevoidshowPickerDialog(){ DatePickerDialog dtPickerDlg =new DatePickerDialog(this,this, 2017,10,20); dtPickerDialog.show();}

In our xml file, let us have a button and in the onclick listener of the button, let us display the date picker dialog - we call showPickerDialog.

In showPickerDialog,  we are using a random date to initialize.

The first  parameter is the context. Second parameter is the class which implements the interface OnDateSetListener. Next three parameters are year, month (Jan is 0) and …