Friday, 26 February 2016

Cara Menerapkan Contoh Widget ProgressBar Android di Android Studio

DenysAndroider - ProgressBar adalah satu widget yang berguna untuk menampilkan suatu pemrosesan (progress) dalam bentuk bar. Widget ini umumnya digunakan pada saat kita membuka atau meload suatu halaman Aplikasi , mendownload atau mengupload sebuah file di perangkat Android. 
Cara Menerapkan Contoh Widget TimePicker Android
Android Studio
Pada tutorial belajar android kali ini, kita akan mencoba membuat dan menerapkan widget ProgressBar Android. Disini nanti user (pengguna) saat memilih tombol dengan widget Button , akan tampilan Loading dari widget ProgressBar . 


1. Pertama buka Project Android Studio kalian


2.  Salin baris intruksi (codingan ) di bawah ke file activity_main.xml
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:paddingBottom="@dimen/activity_vertical_margin"
                android:paddingLeft="@dimen/activity_horizontal_margin"
                android:paddingRight="@dimen/activity_horizontal_margin"
                android:paddingTop="@dimen/activity_vertical_margin"
                tools:context=".MainActivity">
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="116dp"
        android:text="Loading.." />
 
 
    </RelativeLayout>


3. Salin baris intruksi ( codingan ) di bawah ke file MainActivity.java


MainActivity.java

package com.okedroid.aplikasisaya;
 
import android.app.ProgressDialog;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
 
public class MainActivity extends AppCompatActivity {
    Button btnStartProgress;
    ProgressDialog progressBar;
    private int progressBarStatus = 0;
    private Handler progressBarHandler = new Handler();
    private long fileSize = 0;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        addListenerOnButtonClick();
    }
    public void addListenerOnButtonClick() {
        btnStartProgress = (Button) findViewById(R.id.button1);
        btnStartProgress.setOnClickListener(new OnClickListener(){
 
            @Override
            public void onClick(View v) {
                // membuat progressbar dialog
                progressBar = new ProgressDialog(v.getContext());
                progressBar.setCancelable(true);
                progressBar.setMessage("Loading ...");
                progressBar.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
                progressBar.setProgress(0);
                progressBar.setMax(100);
                progressBar.show();
                //mereset progressbar dan filestatus
                progressBarStatus = 0;
                fileSize = 0;
 
                new Thread(new Runnable() {
                    public void run() {
                        while (progressBarStatus < 100) {
                            // menunjukan operasi
                            progressBarStatus = doOperation();
                            try {Thread.sleep(1000);} catch (InterruptedException e) {e.printStackTrace();}
                            // Mengupdate Progressbar
                            progressBarHandler.post(new Runnable() {
                                public void run() {
                                    progressBar.setProgress(progressBarStatus);
                                }
                            });
                        }
                        // menunjukan operasi jika file di download
                        if (progressBarStatus >= 100) {
                            // sleeping for 1 second after operation completed
                            try {Thread.sleep(1000);} catch (InterruptedException e) {e.printStackTrace();}
                            // close the progress bar dialog
                            progressBar.dismiss();
                        }
                    }
                }).start();
            }//end of onClick method
        });
    }
    // checking how much file is downloaded and updating the filesize
    public int doOperation() {
        //The range of ProgressDialog starts from 0 to 10000
        while (fileSize <= 10000) {
            fileSize++;
            if (fileSize == 1000) {
                return 10;
            } else if (fileSize == 2000) {
                return 20;
            } else if (fileSize == 3000) {
                return 30;
            } else if (fileSize == 4000) {
                return 40;//you can add more else if
            } else{
                return 100;
            }
        }//end of while
        return 100;
    }//end of doOperation
 
 
 
    }




4. Sekarang kita coba jalankan Aplikasinya lewat Android Studio.

Hasilnya kurang lebih seperti gambar dibawah :

Hasil Widget ProgressBar  Android
Hasil Widget ProgressBar 

Hasil Widget ProgressBar  Android
Hasil Widget ProgressBar 

Credit Source Code By : okedroid.com


EmoticonEmoticon