Ngulik Kode
- Pada pembuatan aplikasi android selain hanya mendukung file XML dan Java ternyata juga mendukung file berbentuk HTML yang nantinya akan ditampilkan pada aplikasi menggunakan WebView. Apa itu WebVew ? jika anda sudah mambaca artikel milik kami sebelumnya anda bisa lihat pada postingan sebelumnya, jika belum anda klik link dibawah ini :
1. Buat Project Android Studio
Langsung saja kita memulai untuk membuat aplikasi android pertama anda buat dahulu project baru pada android studio.
2. Membuat Directory Assets
Tidak seperti pada ADT Eclipse yang sudah memiliki directory assets pada saat pertama kali membuat project, Android Studio tidak ada Directory Assets jika kita tidak membuatnya. Oleh karena itu kita membuat terlebih dahulu yang nantinya akan di gunakan untuk menyimpan file HTML, CSS, dan file web lainnya. Untuk langkah-langkahnya anda bisa membacanya pada artikel dibawah ini :
3. Membuat File HTML
Sekarang kita membuat sebuah file HTML yang nantinya akan ditampilkan pada aplikasi android, anda juga bisa menambahakan file CSS untuk tampilan agar lebih menarik nantinya. disini saya akan memberikan contoh file HTML yang saya buat.
lihat.html
Pada tulisan
Merah
diatas anda juga dapat memasukan gambar untuk ditampilkan pada aplikasi android.
Jika semua file yang ingin ditampilkan sudah siap semua, sekarang anda tinggal pindahkan semua file ke folder assets project android anda, dengan cara buka lokasi project android anda simpan contoh saya menyimpan pada
C:\Users\Sholihin\AndroidStudioProjects
disini lah saya menyimpan project saya, lalu buka folder project anda. Contoh folder project punya saya
WebViewHTML
Lalu buka
app
>
src
>
main
>
assets
disini lah tempat untuk meletakan file web anda yang ingin ditampilkan pada aplikasi android.
3. Membuat WebView Aplikasi Android
Sekarang kita membuat WebView yang fungsinya nanti akan menampilkan file HTML yang sudah kita buat tadi. Sekarang anda buka
activity_main.xml
pada directory layout pada Android Studio lalu tambahkan kode seperti dibawah ini.
activity_main.xml
Sekarang menuju file
MainActivity.java
lalu tambahkan kode seperti gambar dibawah ini.
MainActivity.java
Pada tulisan
merah
diatas harus sesuai dengan file yang ingin anda tampilkan pada aplikasi android. Sampai disini proses pembuatan Aplikasi WebView selesai sekarang tinggal menjalankan project androidnya.
Nah berikut ini adalah tampilanya, akan tampak seperti gambar diatas sampai disini proses pembuatan sudah selesai, anda dapat mengembangkannya sendiri agar lebih menarik lagi.
Sekian Tutorial yang singkat ini, yang dapat saya berikan untuk anda semoga dapat bermanfaat dan menjadi bahan referensi anda untuk membangun aplikasi android.
0 komentar:
Posting Komentar