Halo semuanya, pada postingan ini saya akan membagikan tutorial sederhana untuk kalian yang baru belajar membuat aplikasi android menggunakan android studio. Tutorial kali ini kita akan membuat aplikasi webview dengan kotlin di android studio.
Project WebviewApp
- Hal pertama yang harus kita lakukan tentu membuat project baru di android studio. Pada tutorial ini saya memberikan nama projeknya “WebviewApp”.
Menambahkan permission di Manifest
- Buka AndroidManifest.xml dan tambahkan baris kode berikut ini
Edit activity_main.xml
- Buka activity_main.xml lalu ubah kodenya seperti dibawah ini
Setting tampilan menjadi fullscreen
- Buka MainActivity.kt, lalu tambahkan kode berikut
Cek koneksi internet
- Disini saya menambahkan pengecekan koneksi internet sebelum memuat url. Berikut kode untuk cek koneksi internet
Memuat webview
- Berikut kode untuk memuat url (https://tubianto.com/) untuk ditampilkan dalam bentuk webview.
- Saat kita menjelajahi halaman web lalu back button di klik, maka akan kembali ke halaman web sebelumnya.
Kode lengkap MainActivity.kt
- Berikut kode lengkap MainActivity.kt
Output
Kode lengkapnya silakan download disini
Terima kasih
ka saya mau tanya untuk pembuatan webview ini memakan bahasa java kan ya ?
tutorial ini pakai kotlin ka
bang mau tanya. apa bisa mengunci atau biar tidak bisa keluar dari aplikasinya?
Halo bang, saya biasanya disable back buttonnya. Caranya pakai kode berikut:
override fun onBackPressed() {//super.onBackPressed()
}
Kalau kode
super.onBackPressed()di comment, otomatis back buttonnya nggak berfungsi. tapi kalau disable home buttonnya saya belum pernah implementasi.Terimakasih
mantap tutorialnya kak
terimakasih kak
makasih kak
sama-sama kak
Misi kak. kalo enable cahce gimana ya?
Jadi ketika web dibuka ulang tidak mulai dari awal
coba tambahkan kode ini kak:
webView.settings.setAppCacheEnabled(true)Pak,
Sebut saja: baris [Dev … MENU dan gbr loupe] adalah HEADER,
dan baris [web address] adalah FOOTER,
Gimana cara ngilangin HEADER dan FOOTER itu supaya webview nya penuh satu halaman?
Terima kasih.
Halo pak, sebenarnya kode berikut:
private fun setFullscreen(){//Menyembunyikan action bar
supportActionBar?.hide()
//Mengatur layout menjadi Full Screen
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
window.insetsController?.hide(WindowInsets.Type.statusBars())
} else {
window.setFlags(
WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN
)
}
}
sudah membuat webviewnya penuh satu halaman.
Jadi untuk menghilangkan Header dan Footernya harus dari sisi WEBnya pak.
Terimakasih