AndroidKomputer (D0)

Cara Membuat Progress Bar di WebView Android Studio

Bagaimana membuat progress bar di webview android studio? Apa script untuk mengaktifkan Progress Bar di aplikasi android? Apa langkah-langkah mensetting Progress Bar di WebView Android Studio?

Pada saat sebuah program app di perangkat Smartphone berbasis Android diaktifkan akan membutuhkan jeda waktu untuk loading. Biasanya proses loading ditandai dengan progres bar, baik berbentuk garis horisontal maupun lingkaran.

Progress Bar dibutuhkan untuk memperindah tampilan aplikasi android yang dihasilkan dari konversi Website menjadi Aplikasi Android dengan WebView Android Studio. Lalu, Bagaimana membuat script atau bahasa pemrograman di WebView android?  Android Studio memfasilitasi pembuatan progress bar dengan memodifikasi di xml dan java.

Adapun langkah-langkah  memodifikasi xml dan java pada Android Studio sebagai  berikut:

A. Perubahan di Activity_main.xlm

Langkah-langkah menambah Progress Bar di Activity_main.xlm sebagai berikut:

1. Pilih app/res/layout/Activity_main.xlm

2. Klik Activity_main

3. Klik taskbar “text”

4. Tulis script dibawah ini:

<ProgressBar
android:id=“@+id/progress2”

    style=”?android:attr/progressBarStyle”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_centerHorizontal=“true”
android:layout_marginTop=“110dp”
/>

  • progress2 = nama progress bar yang bisa dirubah sesuai keinginan dan nama ini akan digunakan ketika modifikasi MainActivity.java
  • style=”?android:attr/progressBarStyle” = Nama style progress bar

5. Klik save

B. Perubahan MainActivity.java

Langkah memodifikasi MainActivity.java di projek WebView Android Studio  yang dipasang di SmartPhone sebagai beriku:

1. Pilih

app/java/com.applicationname/MainActivity

      2. Klik MainActivity.java

      3. Tulis script atau bahasa pemrograman berikut:

      public class MainActivity extends AppCompatActivity {
      WebView webView;
      ImageView image;
          ProgressBar bar;

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

      webView = (WebView) findViewById(R.id.webView);
      image = (ImageView) findViewById(R.id.image1);
      bar = (ProgressBar) findViewById(R.id.progress2);

      • ProgressBar bar;   :    penamaan menu progressBar. Jangan lupa, setiap scrip diakhiri titik koma
      • Bar                            :    identitas atau nama progressBar
      • progress2                :    nama progressBar yang dibuat di Activity_main.xlm

      4. Klik save atau klik control+huruf “S”


      Tutorial Lainnya


      Ingin Meningkatkan Kompetensi
      Secara Mandiri
      ,

      Silahkan belajar
      di madrasahyunandra.com
      Buka