Cara Membuat Progress Bar di WebView Android Studio

November 5, 2017 Yunandra

Daftar Isi

641

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.

Langkah Membuat Progres Bar di WebView Android Studio

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”