Membuat Aplikasi Webview Dengan Android Studio

Cara membuat aplikasi android Webview cukup sederhana, hal yang harus dilakukan adalah memanggil url website dan menampilkannya di dalam aplikasi.

Salah satu syarat app model webview agar tampil bagus, tampilan website yang akan di load ke dalam aplikasi harus responsive. Disini web yang digunakan sebagai contoh adalah beta.html5test.com.

1. Buat Project dengan Start a new Android Studio Project

Aplikasi Webview_1

2. Lalu isikan Application Name dengan Contoh Webview dan Company domain dengan nama yang kamu mau seperti berikut :

Aplikasi Webview_2

Kemudian Klik Next dan Hingga Finish. Biarkan gradle menggenerate project kita.

3. AndroidManifest.xml, tambahkan kode ini.

4. Pada activity_main.xml (folder res/layout) silakan ketikan kode seperti dibawah ini, untuk menghasilkan layout.

5. Pada MainActivity.java silakan lengkapi kode seperti dibawah ini, tambahkan kode ini dalam function onCreate

6. Silakan Run dengan tombol Run ke emulator atau device atau export ke apk untuk instal secara manual di device. Tampilan hasil aplikasi webview adalah sebagai berikut:

Aplikasi Webview_3

7. Menghilangkan Action Bar agar Webview tampil penuh, buka res/values/styles.xml tambahkan kode berikut

dan pada AndroidManifest.xml tambahkan kode berikut pada activity untuk memanggil NoActionBar di styles.xml.

Sampai disini jika aplikasi dijalankan Action Bar sudah tidak tampil dan webview tampil penuh.

Tetapi jika kita membuka halaman lain dalam webview tersebut, kemudian posisi HP di putar dari portrait ke lanscape atau sebaliknya, terlihat bahwa aplikasi load ulang halaman depan.

8. Tambahkan kode berikut ini di AndroidManifest.xml pada activity, agar ketika HP di putar dari portrait ke lanscape atau sebaliknya tidak melakukan load ulang halaman depan.

Silahkan jalankan lagi di emulator, tampilan hasil apps adalah sebagai berikut:

Aplikasi Webview_4

Baca juga :

Download Source Code Aplikasi Webview Dengan Android Studio.

Share to Unlockimage/svg+xml
Share tulisan ini ke Facebook / Twitter kamu untuk mendapatkan Link download.

14 Comments

  1. Gan, punya gue kok Gagal “Gradle ‘Aplication’ project refresh failed” Pas habis building. itu Solusinya apa……..ato salah yang bagian mana

  2. Kang jumidi.. newbie nih..

    target sdk sya sudah arahkan ke 21, tapi baik ketika di emulasikan ke smartphone maupun di build apknya ketika dibuka selalu muncul – unfortunately, com.xxx.xxx.xxx has stoped. solvingnya gimana ya kang??

  3. ingin bertanya suhu kalau untuk membuat page not found yang kita inginkan saat tak terhubung ke internet seperti apa ya suhu

Leave a Reply

Your email address will not be published. Required fields are marked *