-->

Tutorial Android Progress Bar Menggunakan ProgressDialog

Progress bar digunakan untuk menunjukkan sebuah proses. Misalnya, ketika Anda meng-upload atau men-download sesuatu dari internet.
Di android ada class yang disebut ProgressDialog yang memungkinkan Anda untuk membuat progress bar. Untuk melakukan ini, Anda perlu instantiate objek dari class ini. sintaks adalah.
ProgressDialog progress = new ProgressDialog(this);

Sekarang Anda dapat mengatur beberapa properti dari dialog ini. Seperti, gaya, teksnya dll.

progress.setMessage("Downloading Music");
progress
.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
progress
.setIndeterminate(true);

dari Method ini, masih ada method lain yang disediakan oleh class ProgressDialog antara lain:
1. getMax()
 => Method ini untuk mengatur nilai maksimum progress.
2. incrementProgressBy(int diff)
 => Method ini akan menambahkan progress bar dengan perbedaan nilai yang dikirimkan sebagai parameter
3. setIndeterminate(boolean indeterminate)
 => Method ini menetapkan indikator kemajuan sebagai determinate atau tak tentu.
4. setMax(int max)
 => Method ini menetapkan nilai maksimum dialog.
5. setProgress(int value)
 =>Method ini digunakan untuk memperbarui kemajuan dialog dengan beberapa nilai tertentu.
6. show(Context context, CharSequence title, CharSequence message)
 => Ini adalah method yang statis, digunakan untuk menampilkan dialog kemajuan.

Berikut langkah-langkah sederhana, bagaimana untuk membuat aplikasi Android sendiri menggunakan Linear Layout dan Progress Bar.

Membuat Project Android
1. Pada Android Studio, buatlah project baru.
 => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
 => Jika Anda telah membuka project, dari menu File, pilih New Project.

2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
 => Application name ⇒ ProgressBar
 => Company domain ⇒ example.com (Misalnya: com.megadistudio.ProgressBar)
 => Project Location ⇒ memilih lokasi untuk project Anda.

3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
 => Untuk Minimum SDK, pilih API 10: Android 2.3.3 (Gingerbread). klik Next.

4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.
Next ->

5. Klik tombol Finish untuk membuat project.
6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.


Hapus TextView (Hello World) dan copy kode di bawah ini untuk membuat layout.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
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="progressdialog.megadistudio.com.progressdialog.MainActivity">

<TextView
android:text="@string/tk"
android:textSize="50sp"
android:textStyle="bold"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />

<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:background="@drawable/tk"
android:id="@+id/imageView"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true" />

<Button
android:text="Download"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="35dp"
android:onClick="download"
android:id="@+id/button"
android:layout_below="@+id/imageView"
android:layout_centerHorizontal="true"
android:textAllCaps="false" />
</RelativeLayout>

7.  Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.


string.xml 
<resources>
<string name="app_name">ProgressDialog</string>
<string name="tk">Tahu Koding</string>
</resources>

8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.


MainActivity.java  
package progressdialog.megadistudio.com.progressdialog;

import android.app.ProgressDialog;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

private Button b1;
private ProgressDialog progress;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

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

}

public void download(View view){
progress = new ProgressDialog(this);
progress.setMessage("Downloading...");
progress.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
progress.setIndeterminate(true);
progress.setProgress(0);
progress.show();

final int progresTime = 100;
final Thread t = new Thread(){
@Override
public void run() {
int jumpTime = 0;

while (jumpTime < progresTime) {
try {
sleep(200);
jumpTime += 5;
progress.setProgress(jumpTime);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
};
t.start();
}

}

Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar.





Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel