Simple WebView Android

Posted: December 1, 2010 in Android
Tags: , , ,

Pada Pembahasan Simple Android Window part-II “Tab View” , disalah satu tabnya terdapat window yang menampilkan halaman web. pada artikel kali ini kita akan konsentrasi pada web view tersebut.

mirip seperti simple browser, namun pada kali ini kita akan membahas bagaimana menampilkan satu halaman web saja, mungkin untuk pembahasan berikutnya kita akan membahas lebih detail bagaimana membuat multiple view dan control web page saperti pada umumnya browser yang kita lihat.

oke, Bismillah…😀

seperti biasa buat project terlebih dahulu :

  1. Buat project bernama SimpleView, serta set class MainActivity sebagai Activity.
  2. Buka file Resources/layout/main.xml
    ketikkan kode dibawah ini

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout android:id="@+id/LinearLayout01"
    	android:layout_width="fill_parent" android:layout_height="fill_parent"
    	xmlns:android="http://schemas.android.com/apk/res/android"
    	android:gravity="center" android:background="#fff">
            <ImageView
                    android:id="@+id/ImageView01"
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content" android:src="@drawable/gambar"/>
    </LinearLayout>
    

  3. Sekarang buka main project anda , mainActivity.java
    ketikkan / sesuaikan seperti kode dibawah ini :

    /*
     * To change this template, choose Tools | Templates
     * and open the template in the editor.
     */
    
    package org.me.simpleview;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.KeyEvent;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;
    
    /**
     *
     * @author kurniawandwi
     */
    public class MainActivity extends Activity {
        WebView mWebView;
    
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
    
            mWebView = (WebView) findViewById(R.id.webview);
            mWebView.getSettings().setJavaScriptEnabled(true);
            mWebView.loadUrl("http://www.kurniawandwi.wordpress.com");
    
            mWebView.setWebViewClient(new HelloWebViewClient());
        }
    
        private class HelloWebViewClient extends WebViewClient {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        }
    
        @Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
                mWebView.goBack();
                return true;
            }
            return super.onKeyDown(keyCode, event);
        }
    
    }
    
    
  4. Buka AndroidManifest.xml,
    ketikkan / sesuaikan seperti kode dibawah ini :

    <?xml version="1.0" encoding="UTF-8"?>
    xmlns:android="http://schemas.android.com/apk/res/android"
         package="org.me.simpleview">
        <application>
             <activity android:name=".MainActivity" android:label="MainActivity" android:theme="@android:style/Theme.NoTitleBar">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN"/>
                    <category android:name="android.intent.category.LAUNCHER"/>
                </intent-filter>
            </activity>
        </application>
        <uses-permission android:name="android.permission.INTERNET" />
    </manifest>
    
    

Oke, semua sudah selesai dan sekarang Build and Clean, lalu klik Run

Comments
  1. idham says:

    ini pakai Android platform berapa ya waktu coba
    saya kok ngalami kendala di Activity
    katanya error di syntax mWebView = (WebView) findViewById(R.id.webview);

    mohon pencerahan

  2. Nobody says:

    Bagaimana kalo Listview utk RSS Reader dalam format webview (contoh rss nya detikcom di description nya ada tag img)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s