Tutorial Cara Membuat Progress Dialog di Android Studio

Android Najwa - Dimalam yang penuh sunyi gemerlap ini. Android Najwa ingin menyambung dari tutorial sebelumnya yaitu Tutorial Cara Membuat Alert Dialog. Bedanya sekarang kita akan membuat sebuah pesan dialog menunggu seperti kalian saat menunggu waktu download. Kira-kira seperti itu lah yang kita sebut dengan nama "Progrees Dialog" di Android Studio.

Progress Dialog Android

Apa itu Progress Dialog?

Progress Dialog juga bukanlah sebuah komponen widget tetapi Progress Dialog merupakan sebuah kotak pesan (message box) yang berisi status progress seperti progress pada download. Berikut ini contoh penggunaan Progress Dialog untuk memberikan pesan progress yang sedang berlangsung dan waktu progress hanya simulasi. Berikut ini contoh penggunaan Progress Dialog untuk memberikan pesan status proses saat menunggu.

Contoh Sederhana Tampilan Awal Progress Dialog

Ketika pengguna menekan tombol “Proses” maka aplikasi akan menampilkan pesan progress
loading yang sedang berlangsung. Bagaimana cara menggunakan Progress Dialog?

Tutorial Cara Membuat Progress Dialog

Langkah 1 : Jalankan Android Studio.exe kalian seperti biasa, lalu buatlah project baru dengan seperti berikut.

• Application Name : Progress Dialog
• Package Name : androidnajwa.com
• Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)

Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish

Add Activity

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.

<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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Pesan"
        android:id="@+id/textView"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Proses"
        android:id="@+id/button"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true" />
</RelativeLayout>

Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini

 package com.androidnajwa.progressdialog;

import android.app.Activity;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends Activity {
    Button btnProses;
    TextView txtStatus;

    OnClickListener listener;
    ProgressDialog progressBar;
    int progressBarStatus = 0;
    Handler progressBarHandler = new Handler();
    Runnable runCekSelesai, runUtama;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        txtStatus = (TextView) findViewById(R.id.textView);

        btnProses = (Button) findViewById(R.id.button);

        listener = new OnClickListener() {
            @Override
            public void onClick(View v) {
                diProses();
            }
        };
        btnProses.setOnClickListener(listener);
    }

    public void diProses(){
        txtStatus.setText("Sedang diproses...");

        //membuat progress dialog
        progressBar = new ProgressDialog(MainActivity.this);
        progressBar.setMax(100); //nilai maksimum
        progressBar.setMessage("Loading");
        progressBar.setTitle("Tunggu Sebentar");
        progressBar.setIcon(R.drawable.ic_launcher);
        progressBar.setCancelable(false); //menonaktifkan tombol BACK
        progressBar.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        progressBar.show();

        progressBarStatus = 0; //inisialisasi nilai awal

        //membuat Thread jika nilai sudah mencapai 100
        runCekSelesai = new Runnable() {
            @Override
            public void run() {
                progressBar.setProgress(progressBarStatus);
                if (progressBarStatus >= 100){
                    txtStatus.setText("Selesai");
                    progressBar.dismiss();
                }
            }
        };

        //membuat Thread jika nilai masih kecil dari 100
        runUtama = new Runnable() {
            @Override
            public void run() {
                while (progressBarStatus < 100) {
                    progressBarStatus += 10;
                    try {
      /*simulasi seolah-olah setiap 10%
       * membutuhkan waktu 0.5 detik*/
                        Thread.sleep(500);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                    //pengecekan Thread runCekSelesai
                    progressBarHandler.post(runCekSelesai);
                }
            }
        };

        //jalankan Thread(runUtama)
        Thread jalan = new Thread(runUtama);
        jalan.start();
    }
}

Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.

(1) Hasil Progress Dialog

Ketika kalian menekan tombol Proses maka akan tampil hasil nya sebagai berikut

(2) Hasil Progress Dialog

Nah, itulah hasil dari penggunaan Progress Dialog yang nanti nya akan muncul Popup Status Loading yang diset waktu nya sesuai keinginan kita. Gimana? Mudah Bukan? Untuk dikembangkan lagi juga bisa asal kalian bisa memahaminya.

Demikian Tutorial Cara Membuat Progress Dialog di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar.Terima Kasih Atas Kunjungan di Android Najwa.

Link Download Klik Disini

Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.

Tweet