Monday, December 7, 2015

android - How to show secondary ProgressBar

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    tools:context=".MainActivity"
    android:background="#ffffff"
    >
    <ProgressBar
        android:id="@+id/pb"
        android:layout_width="200dp"
        android:layout_height="200dp"
        style="@style/Widget.AppCompat.ProgressBar.Horizontal"
        android:layout_centerInParent="true"
        android:progressDrawable="@drawable/progressbar_states"
        />
    <TextView
        android:id="@+id/tv_primary"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#000"
        android:layout_centerInParent="true"
        />
    <TextView
        android:id="@+id/tv_secondary"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#3981ff"
        />
    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Run"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        />
</RelativeLayout>
drawable/progressbar_states.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape
            android:shape="oval">
            <stroke
                android:width="8dp"
                android:color="#020202"
                />
            <solid android:color="#ffffff"/>
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip android:clipOrientation="vertical" android:gravity="bottom">
            <shape
                android:shape="oval">
                <stroke
                    android:width="8dp"
                    android:color="#5eba7c"
                    />
                <solid android:color="#cfedd7"/>
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip android:clipOrientation="vertical" android:gravity="bottom">
            <shape
                android:shape="oval">
                <stroke
                    android:width="8dp"
                    android:color="#ff0001"
                    />
                <solid android:color="#f177e9"/>
            </shape>
        </clip>
    </item>
</layer-list>
MainActivity.java

package com.cfsuman.me.androidcode;

import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.Button;
import android.widget.ProgressBar;
import android.widget.TextView;

import android.os.Handler;


public class MainActivity extends AppCompatActivity {
    private Context mContext;

    private TextView mTVPrimary;
    private TextView mTVSecondary;
    private Button mButton;
    private ProgressBar mProgressBar;

    private int mProgressStatus;
    private int mSecondaryProgressStatus;

    private Handler mHandler = new Handler();

    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // Request window feature action bar
        requestWindowFeature(Window.FEATURE_ACTION_BAR);
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Get the application context
        mContext = getApplicationContext();

        // Get the widgets reference from XML layout
        mTVPrimary = (TextView) findViewById(R.id.tv_primary);
        mTVSecondary = (TextView) findViewById(R.id.tv_secondary);
        mButton = (Button) findViewById(R.id.btn);
        mProgressBar = (ProgressBar) findViewById(R.id.pb);

        // Set a click listener for button widget
        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // Set the initial progress status
                mProgressStatus = 0;
                // Set the initial secondary progress status
                mSecondaryProgressStatus = 0;

                // Start the lengthy operation in a background thread
                new Thread(new Runnable() {
                    @Override
                    public void run() {
                        while (mProgressStatus<100){
                            // Update the progress status
                            mProgressStatus +=1;

                            // Try to sleep the thread for 1000 milliseconds
                            try{
                                Thread.sleep(1000);
                            }catch(InterruptedException e){
                                e.printStackTrace();
                            }

                            // Update secondary progress
                            updateSecondaryProgress();
                            // Set the secondary progress status to zero after a task complete
                            mSecondaryProgressStatus = 0;

                            // Update the progress bar
                            mHandler.post(new Runnable() {
                                @Override
                                public void run() {
                                    // Set the progress for progress bar
                                    mProgressBar.setProgress(mProgressStatus);
                                    mTVPrimary.setText("Complete " + mProgressStatus + "% of 100");

                                    // If primary task complete
                                    if(mProgressStatus==100){
                                        // Show message for task completion
                                        mTVPrimary.setText("Complete.");
                                    }
                                }
                            });
                        }
                    }
                }).start(); // Start the operation in a thread
            }
        });
    }

    // Custom method to update a secondary progress
    protected void updateSecondaryProgress(){
        // Start another lengthy operation in a background thread
        new Thread(new Runnable() {
            @Override
            public void run() {
                while(mSecondaryProgressStatus<100){
                    mSecondaryProgressStatus +=1;

                    // Try to sleep the thread for 10 milliseconds
                    try{
                        Thread.sleep(10);
                    }catch (InterruptedException e){
                        e.printStackTrace();
                    }

                    // Update the secondary progress bar
                    mHandler.post(new Runnable() {
                        @Override
                        public void run() {
                            // Set the secondary progress bar progress
                            mProgressBar.setSecondaryProgress(mSecondaryProgressStatus);
                            mTVSecondary.setText("Single task progress " + mSecondaryProgressStatus + "% of 100");

                            // If the secondary task complete
                            if(mSecondaryProgressStatus == 100){
                                // Show a confirmation message for task completion
                                mTVSecondary.setText("Single task complete.");
                            }
                        }
                    });
                }
            }
        }).start(); // Start the operation in another thread
    }
}