Cara Menerapkan Contoh Widget ProgressBar Android

  • Post
    codeorayo
    Keymaster
    none
    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. 

    [img]https://4.bp.blogspot.com/-vg6Ju60l6jc/VvfWbSWPARI/AAAAAAAAFLI/MnHlLSNuEm4DwLTyBlhw2oO1-TTP7zyQw/s1600/android-studio-tutorial-development-apps-by-okedroid.png[/img]

    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


    1. http://schemas.android.com/apk/res/android“

    2.                 xmlns:tools=”http://schemas.android.com/tools

    3.                 android:layout_width=”match_parent”

    4.                 android:layout_height=”match_parent”

    5.                 android:paddingBottom=”@dimen/activity_vertical_margin”

    6.                 android:paddingLeft=”@dimen/activity_horizontal_margin”

    7.                 android:paddingRight=”@dimen/activity_horizontal_margin”

    8.                 android:paddingTop=”@dimen/activity_vertical_margin”

    9.                 tools:context=”.MainActivity”>

    10.     

    11.         android:id=”@+id/button1″

    12.         android:layout_width=”wrap_content”

    13.         android:layout_height=”wrap_content”

    14.         android:layout_alignParentTop=”true”

    15.         android:layout_centerHorizontal=”true”

    16.         android:layout_marginTop=”116dp”

    17.         android:text=”Loading..” />

    18.  

    19.  



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

      MainActivity.java

      1. package com.okedroid.aplikasisaya;

      2.  

      3. import android.app.ProgressDialog;

      4. import android.os.Bundle;

      5. import android.os.Handler;

      6. import android.support.v7.app.AppCompatActivity;

      7. import android.view.View;

      8. import android.view.View.OnClickListener;

      9. import android.widget.Button;

      10.  

      11. public class MainActivity extends AppCompatActivity {

      12.     Button btnStartProgress;

      13.     ProgressDialog progressBar;

      14.     private int progressBarStatus = 0;

      15.     private Handler progressBarHandler = new Handler();

      16.     private long fileSize = 0;

      17.     @Override

      18.     protected void onCreate(Bundle savedInstanceState) {

      19.         super.onCreate(savedInstanceState);

      20.         setContentView(R.layout.activity_main);

      21.         addListenerOnButtonClick();

      22.     }

      23.     public void addListenerOnButtonClick() {

      24.         btnStartProgress = (Button) findViewById(R.id.button1);

      25.         btnStartProgress.setOnClickListener(new OnClickListener(){

      26.  

      27.             @Override

      28.             public void onClick(View v) {

      29.                 // membuat progressbar dialog

      30.                 progressBar = new ProgressDialog(v.getContext());

      31.                 progressBar.setCancelable(true);

      32.                 progressBar.setMessage(“Loading …”);

      33.                 progressBar.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);

      34.                 progressBar.setProgress(0);

      35.                 progressBar.setMax(100);

      36.                 progressBar.show();

      37.                 //mereset progressbar dan filestatus

      38.                 progressBarStatus = 0;

      39.                 fileSize = 0;

      40.  

      41.                 new Thread(new Runnable() {

      42.                     public void run() {

      43.                         while (progressBarStatus < 100) {

      44.                             // menunjukan operasi

      45.                             progressBarStatus = doOperation();

      46.                             try {Thread.sleep(1000);} catch (InterruptedException e) {e.printStackTrace();}

      47.                             // Mengupdate Progressbar

      48.                             progressBarHandler.post(new Runnable() {

      49.                                 public void run() {

      50.                                     progressBar.setProgress(progressBarStatus);

      51.                                 }

      52.                             });

      53.                         }

      54.                         // menunjukan operasi jika file di download

      55.                         if (progressBarStatus >= 100) {

      56.                             // sleeping for 1 second after operation completed

      57.                             try {Thread.sleep(1000);} catch (InterruptedException e) {e.printStackTrace();}

      58.                             // close the progress bar dialog

      59.                             progressBar.dismiss();

      60.                         }

      61.                     }

      62.                 }).start();

      63.             }//end of onClick method

      64.         });

      65.     }

      66.     // checking how much file is downloaded and updating the filesize

      67.     public int doOperation() {

      68.         //The range of ProgressDialog starts from 0 to 10000

      69.         while (fileSize <= 10000) {

      70.             fileSize++;

      71.             if (fileSize == 1000) {

      72.                 return 10;

      73.             } else if (fileSize == 2000) {

      74.                 return 20;

      75.             } else if (fileSize == 3000) {

      76.                 return 30;

      77.             } else if (fileSize == 4000) {

      78.                 return 40;//you can add more else if

      79.             } else{

      80.                 return 100;

      81.             }

      82.         }//end of while

      83.         return 100;

      84.     }//end of doOperation

      85.  

      86.  

      87.  

      88. }


        4. Sekarang kita coba jalankan Aplikasinya lewat Android Studio.

        Hasilnya kurang lebih seperti gambar dibawah :

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://4.bp.blogspot.com/-pJXg8qzCVOo/Vs5QyBTXh1I/AAAAAAAAEvs/BDp7I9j6aYw/s320/Hasil-widget-progress-bar-android.png[/img][/td]
        [td]Hasil Widget ProgressBar [/td]
        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://4.bp.blogspot.com/-TvvSebqm-OM/Vs5Q1gO7qCI/AAAAAAAAEvw/k_x3UVp5yWQ/s320/Hasil-widget-progress-bar-android2.png[/img][/td]
        [td]Hasil Widget ProgressBar 

        [/td]

      • You must be logged in to reply to this topic.