Android WebViewの例

AndroidのWebViewを使用すると、URLまたはカスタムhtmlマークアップページを表示するための独自のウィンドウを開くことができます。

このチュートリアルでは、2つのページ（ボタンが1つあるページ）を作成します。クリックすると、別のページに移動し、WebViewコンポーネントにURL「google.com」が表示されます。

P.S This project is developed in Eclipse 3.7, and tested with Android 2.3.3.

1. Androidレイアウトファイル

「res/layout/main.xml」と「res/layout/webview.xml」の2つのAndroidレイアウトファイルを作成します。

ファイル：res / layout / main.xml

ファイル：res / layout / main.xml – WebViewの例

2. アクティビティ

2つのアクティビティクラス、ボタンを表示するアクティビティ、もう1つのアクティビティは、事前定義されたURLでWebViewを表示します。

ファイル：MainActivity.java

package com.example.android;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity {

    private Button button;

    public void onCreate(Bundle savedInstanceState) {
        final Context context = this;

        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        button = (Button) findViewById(R.id.buttonUrl);

        button.setOnClickListener(new OnClickListener() {

          @Override
          public void onClick(View arg0) {
            Intent intent = new Intent(context, WebViewActivity.class);
            startActivity(intent);
          }

        });

    }

}

ファイル：WebViewActivity.java

package com.example.android;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class WebViewActivity extends Activity {

    private WebView webView;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.webview);

        webView = (WebView) findViewById(R.id.webView1);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("http://www.google.com");

    }

}

3. Androidマニフェスト

WebViewにはINTERNET permissionが必要です。以下をAndroidManifest.xmlに追加してください。

File : AndroidManifest.xml –完全な例を参照してください。

4. Demo

デフォルトでは、ボタンを表示するだけです。

android webview example

ボタンをクリックすると、WebViewが表示されます。

android webview example

5. デモ、再び

WebViewを使用すると、webView.loadData()を介してカスタムHTMLマークアップを手動でロードできます。変更されたバージョンを参照してください。

package com.example.android;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

public class WebViewActivity extends Activity {

    private WebView webView;

    public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.webview);

       webView = (WebView) findViewById(R.id.webView1);
       webView.getSettings().setJavaScriptEnabled(true);
       //webView.loadUrl("http://www.google.com");

       String customHtml = "Hello, WebView
";
       webView.loadData(customHtml, "text/html", "UTF-8");

    }

}

これで、ボタンをクリックすると、カスタムHTMLページが表示されます。

android webview example

ソースコードをダウンロード

ダウンロード–Android-WebView-Example.zip（16 KB）

TOC

Android WebViewの例