Membuat Aplikasi WebView Android menggunakan Android Studio

Hai sobat, pada artikel sebelumnya yang berjudul Radio Player Android Tutorial, telah dibahas bagaimana membuat apikasi yang dapat memutar radio dengan alamat URL radio yang ingin dibuat. Dan kali ini kita akan mencoba membuat aplikasi Web View di android, berikut penjelasanya.


Dalam sebuah aplikasi biasanya dibutuhkan fitur untuk menampilkan halaman web. Contohnya seperti untuk menampilkan informasi bantuan informasi produk dan lain sebagainya. Untuk menampilkan laman web pada android, kita menggunakan objek WebView. WebView adalah class yang menampilkan laman web entah itu file web atau alamat url web.  Untuk membuatnya silahkan simak langkah-langkah berikut ini

Pertama buat project baru dengan nama Web App, untuk packagenya beri nama blogsetyaaji.com. Lalu buka file activity_main.xml dan buat kodenya seperti berikut ini :


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.blogsetyaaji.webapp.MainActivity">

    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/webViewApp"/>
</RelativeLayout>


Pindah ke MainActivity.java, buat kodenya seperti berikut ini :


package com.blogsetyaaji.webapp;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        WebView web = (WebView) findViewById(R.id.webViewApp);
        web.getSettings().setJavaScriptEnabled(true);
        web.setWebViewClient(new WebViewClient(){

            public boolean shoulOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return super.shouldOverrideUrlLoading(view, url);
            }
        });

        web.loadUrl("http://blogsetyaaji.blogspot.com");
    }
}


Menuju ke directory Manifest, buka Manifest.xml dan tambahkan kode berikut di atas kode <aplication>


<uses-permission android:name="android.permission.INTERNET"/>


Jika sudah, silahkan dijalankan dan aplikasinya akan seperti gambar di bawah ini


Seperti itu lah kurang lebih aplikasi dengan WebView, kita bisa menampilkan halaman web seperti di aplikasi browser, tapi tidak memiliki address bar karena alamat URL web sedah kita siapkan sebelumnya.

Sekian artikel tentang membuat aplikasi webview di android semoga bermanfaat, sampai jumpa di artikel berikutnya.
Previous
Next Post »

2 komentar

Click here for komentar
19 March 2017 at 19:52 ×

kalau yang webnya masih di localhost apa kodenya sama saja?

Reply
avatar
Aji Setya
admin
19 March 2017 at 21:30 ×

terimakasih sudah berkunjung kak, itu untuk webnya termasuk web statis atau dinamis kak? bisa juga si kalau dari server localhost, tapi lebih baik dihosting sekalian kak.. =D

Reply
avatar

Terimakasih atas kunjunganya.
Silahkan berkomentar dan beri kritik serta saran.
Jangan lupa difollow.

ConversionConversion EmoticonEmoticon