Webview di Android Studio

Cara Membuat Aplikasi Webview di Android Studio

Kali ini saya akan share bagaimana membuat aplikasi webview menggunakan Android Studio. Seperti biasa, sebelum kita lanjut ke tutorial membuat webview halloguru akan membahasa secara singkat apa itu webview.

Aplikasi webview merupakan sebuah class di Android yang dapat menampilkan tampilan peramban web pada aplikasi Android. Aplikasi yang akan dibuat menghasilkan tampilan seperti kita membuka situs web menggunakan peremban web. Bedanya pada WebView ini tidak terdapat address bar, sehingga URL-nya sudah kita definisikan di dalam aplikasi Android yang kita buat.

Setelah kita paham apa itu webview beserta fungsinya, sekarang kita masuk pada tahapan bagaimana membuat aplikasi webview ini. Pertama buatlah sebuah project baru (klik disini tutorial membuat project baru) kemudian ikuti langkah-langkah yang akan halloguru share.

Sebelum ke langkah-langkahnya buat terlebih dahulu 1 buah file bernama dimens.xml di direktori app->res->values->dimens.xml dengan cara klik kanan pada value pilih new pilih Values resource file, kemudian beri nama dimens klik OK, setelah file dimens.xml terbentuk copykan script dibawah ini



Setelah file dimens diatas selesai Langkah Pertama, buka activity_main.xml di direktori app->res->layout->activity_main.xml. Script dibawah ini adalah script untuk membuat layout dari webview dengan progress bar agar saat loading website akan memunculkan proses loadingnya.  copyan script dibawah ini



Langkah Kedua, buka MainActivity.java di direktori app->java->package_app->MainActivity dan pastekan script dibawah ini



Langkah Ketiga,  buka Style.xml di direktori app->res->values->styles.xml dan pastekan script dibawah ini untuk menghilangkan actionbar agar lebih bagus tampilan aplikasi 



Langkah Keempat, buka AndroidManifest.xml di direktori app->manifest->AndroidManifest.xml dan pastekan script dibawah ini yang bertujuan untuk memberikan akses internet, script ini dipastekan di atas perintah aplication

 script lengkap untuk AndroidManifestnya (script dibawah lanjutan dari pembuatan splash pada tutorial sebelumnya)



Setelah tahapan diatas selesai, silahkan rebuild aplikasi tersebut, setelah tidak ada error baru build apk dan coba running di emulator android studio/hape/emulator pihak ketiga, misal nox, bluestack. Sekian tutorial Cara Membuat Aplikasi Webview di Android Studio, semoga bermanfaat.

Sumber : https://teknojurnal.com/cara-membuat-aplikasi-web-android/

Subscribe to receive free email updates:

0 Response to "Webview di Android Studio "

Post a Comment