Webview adalah fungsi yang biasa digunakan untuk menampilkan halaman web disebuah aplikasi android dengan menggunakan android studio. Jadi, dengan webview kita bisa membuat aplikasi dengan cepat hanya memerlukan syarat web tersebut dibuat responsif.

Cara Membuat Webview di Android Studio

Untuk membuat webview langkah awal kita sisipkan kode tag elemen di layout XML. Berikut kode WebView nya :

Selanjutnya kita panggil halaman spesifik yang akan kita masukan ke elemen webview, berikut kode nya :

WebView webView = (WebView) findViewById(R.id.webView); webView.loadUrl(“https://mainkit.id”);

Kode diatas akan memuat halaman homepage dari website mainkit.id.

Note

Pada findViewById (R.id.webview harus menggunakan id yang sama yang diberikan di tag elemen Webview pada XML nya (kode webview diatas).

Jika anda menggunakan kode webView.loadUrl(“file:///android_asset/utama.html”); maka fungsi “file:///android_asset/utama.html” digunakan untuk memanggil file lokal HTML dengan nama utama.html yang kita simpan di folder assets pada project di Android Studio.

Implementasi Load File Lokal HTML dengan Webview di Android Studio

Pertama Download terlebih dahulu file HTML LATIHAN disini atau anda bisa membuat file HTML sendiri buat class dengan nama loadFIle.class lalu isi dengan kode dibawah ini :

package com.example.html;

/**
 * Created by Eriga S Al Mansur
 */
import android.annotation.SuppressLint;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;

import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class LoadFile extends AppCompatActivity {

    WebView webView;

    @SuppressLint("WrongViewCast")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().getDecorView().setSystemUiVisibility(0x10);
        setContentView(R.layout.activity_main);





        WebAction();



    }


    public void WebAction(){

        final WebView webView = (WebView) findViewById(R.id.konten_view);
        webView.getSettings().setLoadsImagesAutomatically(true);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setDomStorageEnabled(true);
        webView.getSettings().setAppCacheEnabled(true);
        webView.getSettings().setUserAgentString("Desktop");
        // Tiga baris di bawah ini agar laman yang dimuat dapat
        // melakukan zoom.
        webView.getSettings().setSupportZoom(true);
        webView.getSettings().setBuiltInZoomControls(true);
        webView.getSettings().setDisplayZoomControls(false);
        // Baris di bawah untuk menambahkan scrollbar di dalam WebView-nya
        webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
        webView.setWebViewClient(new WebViewClient());
      
        webView.loadUrl("file:///android_asset/utama.html");

        webView.setWebViewClient(new WebViewClient(){





        });

    }


    @Override
    public void onBackPressed(){

        if (webView.canGoBack()){
            webView.goBack();
        }else {
            finish();
        }
    }

}

Kedua, buat layout XML nya dengan nama activity_main lalu bisa tambahkan kode XML dibawah :

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    

    <WebView  xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/konten_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

</androidx.constraintlayout.widget.ConstraintLayout>