(Tutorial Android) Tutorial WebView Android

Ketika kita ingin menampilkan halaman web pada aplikasi Android, cukup dengan WebView. WebView adalah salah satu widget di Android yang memungkinkan kita untuk menampilkan ataupun membuat Web Apps di Android. WebView layaknya browser yang dapat menampilkan konten-konten web.

Pada tutorial kali ini saya akan coba membuat aplikasi dengan WebView.

Pertama, tambahkan widget WebView di layout activity_main.xml

<?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.example.android_webview.MainActivity">
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

Untuk menampilkan halaman web di WebView kita cukup menggunakan method loadUrl(). Contohnya :

WebView webView = (WebView) findViewById(R.id.webview);
webView.loadUrl("http://wimsonevel.blogspot.com");

Jika halaman web menggunakan javascript, maka kita bisa mengaktifkan javascript di webview dengan method setJavaScriptEnabled(true).

Nah setelah itu kita coba untuk menambahkan webview ke activity. Berikut coding lengkapnya :

package com.example.android_webview;

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

public class MainActivity extends AppCompatActivity {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webView);

        setupWebView();
        loadUrl("http://wimsonevel.blogspot.co.id/");
    }

    private void setupWebView(){
        WebSettings settings = webView.getSettings();
        settings.setJavaScriptEnabled(true);
        webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
        webView.setWebViewClient(new WebViewClient() {
            public void onPageFinished(WebView view, String url) {
                // when load finished
            }
        });
    }

    private void loadUrl(String url){
        webView.loadUrl(url);
    }
}

Terakhir jangan lupa tambahkan permission untuk mengakses internet di AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.android_webview">

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

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Build dan jalankan maka hasilnya sebagai berikut :

Source code lengkap bisa dilihat di https://github.com/wimsonevel/Android-WebView

Sekian tutorial singkat ini.
Semoga bermanfaat.
Happy Coding :)

Share this :