Android WebViewの例

投稿日: 2019-11-05 2019-11-05
タグ: android, webview

Androidのhttp://developer.android.com/reference/android/webkit/WebView.html[WebView]では、URLまたはカスタムHTMLマークアップページを表示するための独自のウィンドウを開くことができます。

このチュートリアルでは、2つのページを作成します.1つのボタンをクリックすると、別のページに移動し、WebViewコンポーネントにURL「

google.com

」を表示します。

P.SこのプロジェクトはEclipse 3.7で開発され、Android 2.3.3.

でテストされています

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

2つのAndroidレイアウトファイル ”

res/layout/main.xml

“と ”

res/layout/webview.xml

“を作成します。

File:res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout__width="fill__parent"
    android:layout__height="fill__parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/buttonUrl"
        android:layout__width="wrap__content"
        android:layout__height="wrap__content"
        android:text="Go to http://www.google.com"/>

</LinearLayout>

File:res/layout/main.xml – WebView example

<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webView1"
    android:layout__width="fill__parent"
    android:layout__height="fill__parent"/>

2.活動

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

File:MainActivity.java

package com.mkyong.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);
          }

        });

    }

}

File:WebViewActivity.java

package com.mkyong.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("https://www.google.com");

    }

}

Android Manifest

WebView`が必要ですインターネット許可、
AndroidManifest.xml`に下記を追加します。

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

File:AndroidManifest.xml

– 完全な例を参照してください。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.mkyong.android"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="10"/>

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

    <application
        android:icon="@drawable/ic__launcher"
        android:label="@string/app__name" >
        <activity
            android:name=".WebViewActivity"
            android:theme="@android:style/Theme.NoTitleBar"/>

        <activity
            android:label="@string/app__name"
            android:name=".MainActivity" >
            <intent-filter >
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
    </application>

</manifest>

4.デモ

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

アンドロイドウェブビューの例、タイトル= "android-webview-example"、width = 318、height = 480

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

アンドロイドウェブビューの例、タイトル= "android-webview-example-result"、width = 318、height = 480

5.デモ、もう一度

WebView`は
webView.loadData（） `を介して手動でHTMLマークアップを読み込むことができます。変更されたバージョンを参照してください:

package com.mkyong.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("https://www.google.com");

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

    }

}

今、ボタンがクリックされると、カスタムhtmlページが表示されます。

android-webview-example-result-2

、width = 318、height = 480]

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

ダウンロードする –

Android-WebView-Example.zip

（16 KB）

参考文献

http://developer.android.com/resources/tutorials/views/hello-webview.html

[Official

Android webViewの例]。

http://developer.android.com/reference/android/webkit/WebView.html

[Android

WebView Javadoc]。リンク://android/android-activity-one-screen-to-another-screen/[Switching

Androidのアクティビティ]

リンク://タグ/アンドロイド/[アンドロイド]リンク://タグ/webview/[webview]

getdocs

13036