Contoh membuat webview di Android Studio

Di android, WebView adalah ekstensi dari Tampilan View class dan digunakan untuk menampilkan konten laman web HTML statis atau konten laman web dengan URL di aplikasi android sebagai bagian dari tata letak aktivitas.

Secara umum, di android WebView akan menampilkan/memasukkan konten halaman web dalam tata letak activity  dan itu tidak akan berisi fitur apa pun dari normal, seperti bilah alamat, kontrol navigasi, dll.

Berikut ini adalah representasi gambar dari WebView di aplikasi android.

Secara umum, di android WebView berguna untuk memasukkan dan menampilkan konten halaman web lain atau konten aplikasi di halaman yang diperlukan.

Contoh Android WebView

Berikut ini adalah contoh menampilkan konten HTML statis di WebView di aplikasi android.

Langkah Pertama buat aplikasi android baru menggunakan android studio dan beri nama sebagai WebView.

Selanjutnya buka file activity_main.xml dari / res / layout layout dan tulis kode seperti di bawah ini

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="0dp">
    </WebView>

</RelativeLayout>

Setelah selesai dengan menambahkan WebView , sekarang kita akan menampilkan konten HTML statis di WebView, untuk itu buka file aktivitas utama MainActivity.java dari folder \ java \ com.jemekite.webview dan tulis kode seperti yang ditunjukkan di bawah ini .

MainActivity.java

package com.jemekite.webview;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView wv = (WebView) findViewById(R.id.webview);
        String customHtml = "<html><body><h1>Seamat Datang di Website Jemekite</h1>" +
                "<h2l>Selamat di blog Gng Dempo</h2><h3>Selamat </h3>" +
                "<p>Halaman Web Static.</p>" +
                "</body></html>";
        wv.loadData(customHtml, "text/html", "UTF-8");
    }
}

Jika Anda mengamati kode di atas, saya memanggil tata letak menggunakan metode setContentView dalam bentuk R.layout.layout_file_name. Di sini nama file xml kami adalah activity_main.xml jadi saya menggunakan nama file activity_main dan mencoba menampilkan konten HTML statis di WebView.

Secara umum, selama memuat activity, metode panggilan balik onCreate () akan dipanggil oleh kerangka kerja android untuk mendapatkan tata letak yang diperlukan untuk suatu kegiatan.

Contoh Keluaran Android WebView

Ketika kita menjalankan contoh di atas menggunakan perangkat virtual android (AVD) kita akan mendapatkan hasil seperti yang ditunjukkan di bawah ini.

Ini adalah contoh bagaimana menampilkan konten HTML statis menggunakan WebView di aplikasi android menggunakan Android Studio.

Contoh Manampilkan Konten URL Web dalam WebView

Sekarang kita akan mencoba  memuat konten URL di WebView di aplikasi android.

Dengan menggunakan properti WebView LoadURL kita dapat memuat konten URL di aplikasi android kita. Untuk menampilkan konten URL web, ubah kode file MainActivity.java seperti yang ditunjukkan di bawah ini.

ManiActivity.java

package com.jemekite.webview;
import androidx.appcompat.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);
        WebSettings webSetting = webView.getSettings();
        webSetting.setJavaScriptEnabled(true);
        webView.getSettings().setSupportZoom(true);
        webView.getSettings().setBuiltInZoomControls(true);
        webView.getSettings().setDisplayZoomControls(false);
        webView.setWebViewClient(new WebViewClient());
        webView.loadUrl("http://jemekite.com");
    }
}

Jika Anda perhatikan contoh di atas, contoh memuat konten URL  (http://jemekite.com) di aplikasi android menggunakan WebView dan properti setJavaScriptEnabled ( ) untuk mengaktifkan JavaScript karena secara default JavaScript dinonaktifkan di WebView .

Secara umum, halaman web yang kita muat di WebView mungkin menggunakan JavaScript. Jika kami tidak mengaktifkan JavaScript, fungsionalitas yang terkait dengan JavaScript di halaman web tidak akan berfungsi karena itu kami mengaktifkan JavaScript menggunakan setJavaScriptEnabled ( )

Untuk memuat konten URL web, aplikasi kita harus memiliki akses ke internet. Kita perlu mengatur izin akses internet seperti yang ditunjukkan di bawah ini.

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

……
</manifest>

Sekarang buka file AndroidManifest.xml aplikasi kita di direktori / manifes dan tulis kode seperti yang ditunjukkan di bawah ini

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.jemekite.webview">
  <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        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>

dan setelah kita selesai dengan pengaturan yang diperlukan, sekarang kita akan menjalankan dan melihat hasil dari aplikasi yang telah dibuat

Contoh Keluaran Android WebView

Ketika kita menjalankan contoh di atas menggunakan perangkat virtual android (AVD) kita akan mendapatkan hasil seperti yang ditunjukkan di bawah ini.

Ini adalah hanyalah contoh bagaimana menampilkan halaman URL web menggunakan WebView di aplikasi android  dengan menggunakan android studio

Demikian semoga bermanfaat.

Tinggalkan Balasan