Contoh Program Android Menggunakan Widget WebView

WebView adalah wedget untuk menampilkan sebuah halaman web.

      1.       Buatlah Aplikasi Android project dan selanjut lihatlah gambar dibawah ini

      2.       Klik kiri+tahan dan tarik ke activity xml nya dari komponen yang tersedia atau langsung menuliskan script XML seperti dibawah ini.

<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"

              android:paddingBottom="@dimen/activity_vertical_margin"

              android:paddingLeft="@dimen/activity_horizontal_margin"

              android:paddingRight="@dimen/activity_horizontal_margin"

              android:paddingTop="@dimen/activity_vertical_margin"

              tools:context=".MainActivity" >

              <WebView

                     android:id="@+id/webView1"

                     android:layout_width="match_parent"

                     android:layout_height="match_parent"

                     android:layout_marginTop="48dp" />

<TextView

                     android:id="@+id/textView1"

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:layout_alignLeft="@+id/webView1"

                     android:layout_alignParentTop="true"

                     android:text="IRIN SAPUTRA "

                     android:textAppearance="?android:attr/textAppearanceMedium" />

      <TextView

                     android:id="@+id/textView2"

                     android:layout_width="wrap_content"

                     android:layout_height="wrap_content"

                     android:layout_alignBottom="@+id/textView1"

                     android:layout_alignRight="@+id/webView1"

                     android:text="11351100225"

                     android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>

      3.       Bukalah WebView  > src  > com.irin_saputra > MainActivity.java.

Tulislah Kode sesuai yang dibawah ini, Tanda “//” Adalah Komentar Penjelasanya.

package com.irin_saputra;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.webkit.WebView;

import android.webkit.WebViewClient;

public class MainActivity extends Activity {

       WebView irin;

       @Override

       protected void onCreate(Bundle savedInstanceState) {

              super.onCreate(savedInstanceState);

              setContentView(R.layout.activity_main);

//Mendeklarasikan irin adalah Webview dengan Menyamadengankan menggunakan ID WebView Yang di file xml.

              irin = (WebView)findViewById(R.id.webView1);

             

              //Mensetting Web View dan Mensetting JavaScript

              irin.getSettings().setJavaScriptEnabled(true);

//Meload url www.facebook.com/irin.lubuk

              irin.loadUrl("http://www.facebook.com/irin.lubuk");

              //Mensetting WebViewClient = Class Viewweb

              irin.setWebViewClient(new Viewweb());

             

              //Mensetting Scrollbar

              irin.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);      

       }

              private class Viewweb extends WebViewClient{

                     @Override

              public boolean shouldOverrideUrlLoading(WebView view, String url) {

                           // TODO Auto-generated method stub

                           view.loadUrl(url);

                           return true;

                     }

              }

              @Override

              public boolean onCreateOptionsMenu(Menu menu) {

              // Inflate the menu; this adds items to the action bar if it is present.

              getMenuInflater().inflate(R.menu.main, menu);

              return true;

              }

}

Penjelasan Kode Diatas Adalah :

Pada Kode  irin.getSettings().setJavaScriptEnabled(true);

Berfungsi Agar WebView Bisa menampilkan Text javaScript pada halaman web yang dibuka. Sedangkan Pada Kode irin.loadUrl("http://www.facebook.com/irin.lubuk");

Meload atau memerintahkan aplikasi untuk alamat web yang akan dibuka contoh Script diatas akan Meload halam Facebook.

       4.       Lalu Masuk Ke AndroidManifest.xml dan tambahkan

<uses-permission

           android:name="android.permission.INTERNET"/>

      

Karena Aplikasi ini Membutuhkan Akses internet Maka Ditambahkan kode atau Tag Diatas Di AndroidManifest.xml  fungsi nya ialah untuk mengizinkan User menjalankan Aplikasi ini dengan terhubung internet.

Kode Lengkapnya :

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

              package="com.irin_saputra"

              android:versionCode="1"

              android:versionName="1.0" >

       <uses-sdk

              android:minSdkVersion="16"

              android:targetSdkVersion="16" />

   

       <uses-permission

              android:name="android.permission.INTERNET"/>

       <application

              android:allowBackup="true"

              android:icon="@drawable/ic_launcher"

              android:label="@string/app_name"

              android:theme="@style/AppTheme" >

        <activity

            android:name="com.irin_saputra.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                     <category android:name="android.intent.category.LAUNCHER" />

                     </intent-filter>

              </activity>

       </application>

</manifest>

       5.       RUN Project dan pastikan anda sudah terkoneksi internet dengan baik.

Klik kanan Di Project > Run Project