Membuat Aplikasi WebView dengan SwipeRefreshLayout

Untuk kalian yang ingin menampilkan Halaman Blog melalui aplikasi Android, kalian bisa menggunakan WebViewWebView merupakan sebuah class pada Aplikasi Android yang berfungsi untuk menampilkan suatu konten halaman Web dan menjadi bagian dari Activity di Aplikasi Android kalian. WebView tidak mempunyai fitur seperti sebuah browser, seperti navigasi dan url address bar. WebView hanya menunjukan konten halaman web saja.


Namun disini Admin akan membuat Aplikasi Webview dengan tambahan Action Menu dan SwipeRefreshLayout agar terlihat lebih menarik tentunya. Tapi sebelumnya apa kalian tahu SwipeRefreshLayout? SwipeRefreshLayout adalah sebuah widget yang digunakan setiap kali pengguna me-refresh isi konten via gerakan menggesek vertikal.

Selain itu, Admin juga menyertakan SplashScreen saat ingin membuka aplikasi ini. SplashScreen adalah tampilan loading pertama kali ketika aplikasi android dibuka/dijalankan, agar terlihat lebih menarik dan terkesan profesional. Pada umumnya Splash Screen ini dibuat untuk menunjukan logo perusahaan atau logo dari aplikasi yang dibuat.

Oke langsung saja kita buat codingnya, disini Admin Menggunakan Android Studio versi 2.3. Tidak tahu bagaimana cara membuat Aplikasi Android menggunakan Android Studio? silahkan klik DISINI. Yang kita butuhkan untuk membuat Aplikasi ini adalah:
  1.  2 Buah file JAVA dengan di beri nama StartUpActivity.java dan MainActivity.java
  2.  3 Buah Activity Layout dengan di beri nama activity_start_up.xml, activity_main.xml dan toolbar_main.xml
  3.  1 Buah icon dengan nama logo.png (untuk icon ini silahkan buat sendiri lalu letakkan di folder drawable)
Pertama untuk menambahkan WebView  ke dalam Aplikasi. Kalian harus menambahkan element WebView di Activity Layout.
Setting terlebih dahulu permission internet di file AndroidManifest.xml atau kalian bisa langsung copy coding berikut:


Berikutnya buat StartUpActivity.java

Lalu untuk xmlnya activity_start_up.xml
Kemudian buat MainActivity.java

Lalu untuk xmlnya activity_main.xml dan toolbar_main.xml
Kemudian buat directori dengan nama menu didalam folder res, berikut isi dari folder menu, yaitu main.xml


Ubah isi dari colors.xml dan styles.xml menjadi seperti ini:


Jika sudah di run dan tidak terjadi error, maka tampilannya seperti ini:
StartUpActivity.java
MainActivity.java
MainActivity.java
Jika kalian ingin melihat cara kerja dari SwipeRefreshLayout, silahkan tarik secara vertical di dalam menu utama. Jika ada yang kurang di mengerti silahkan komentar. Sekian tutorial dari Admin, semoga bermanfaat.

sumber: okedroid.com

Share this with short URL: Get Short URLloading short url

4 Comments

tenkyu kk buat tuorialnya :D

yups sama-sama gan, bantu share juga yaa

Bisa jdi ilmu baru buat saya gan
Thanks tutor nya gan dan di tunggu tutor selanjut nya gan

sip gan.. makasih kunjungannya..

Silahkan tinggalkan komentar jika Anda punya saran, kritik, atau pertanyaan seputar topik pembahasan. Gunakan bahasa yang bijak dan santun. Terima Kasih.
EmoticonEmoticon