Menambahkan progresbar pada webview | Sketchware Part 04 - Progresbar

Di artikel saya sebelumnya saya sudah menjelaskan cara membuat aplikasi webview , karena artikel nya sudah terlalu panjang maka saya membaginya lagi ke part 4 ini di part ke empat ini saya akan menjelaskan cara menambahkan Progressbar pada aplikasi webview yang sebelumnya telah kita buat.

Tapi supaya pengunjung baru tidak bingung maka disini saya akan membuat projek baru saja dan silahkan kamu juga buat projek baru (atau bisa juga buka projek sebelumnya).

Pada halaman awal silahkan tambahkan 3 elemen seperti pada gambar di atas yang diantaranya Linear (V) / ProgressBar dan WebView, lalu ubah padding linear1 menjadi 0 (nol) kemudian pada progressbar1 ubah style-nya menjadi horizontal jangan lupa ubah tingginya sesuai selera sementara elemen webview1 biarkan saja seperti itu.

Setelah itu pindah ke tab Component lalu klik icon (+) dan tambahkan Timer (kasih nama timer) , jika sudah silahkan pindah ke tab Event dan klik pada onCreate kemudian klik icon puzzle lalu pilih opsi View selanjutnya cari blok webview loadUrl dan view setVisible lalu tambahkan seperti gambar berikut.

Jika sudah silahkan kembali ke tab Event lalu klik ikon (+) kemudian kasih centang pada onBackPressed lalu klik add setelah itu klik onBackPressed yang basusan di tambahkan kemudian tambahkan blok control (warna kuning) / view (biru) dan component (biru langit) lalu isi blok-blok tersebut seperti pada gambar dibawah.

Jika sudah silahkan klik kembali dan masih di tab Event silahkan pindah sedikit kebawah ada menu View kemudian klik tab tersebut lalu klik icon (+) selanjutnya kasih centang pada webview1 onPageStarted dan onPageFinished, lalu klik webview1 onPageStarted dan masukan blok-blok seperti berikut.

• view: progressbar1 setVisible > Visible.
• Blok timer isi dengan timer yang kamu buat tadi.
• ad source directly isi dengan :

doble click to select

progressbar2.setProgress(webview1.getProgress());

Selanjutnya pada webview1 onPageFinished tambahkan blok view setVisible dan blok component timer: cancel , jika sudah silahkan coba Run atau jalankan aplikasinya..

Jika masih kurang paham silahkan tanyakan dikolom komentar.