Пример Android WebView

WebView Android позволяет открывать собственные окна для просмотра URL-адресов или пользовательской страницы разметки HTML.

В этом руководстве вы создадите две страницы, страницу с одной кнопкой, при нажатии на нее она перейдет на другую страницу и отобразит URL-адрес «google.com» в компоненте WebView.

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

1. Файлы макетов Android

Создайте два файла макета Android - «res/layout/main.xml» и «res/layout/webview.xml».

Файл: res / layout / main.xml

Файл: res / layout / main.xml - пример WebView

2. Деятельность

Два класса действий, действие для отображения кнопки, другое действие, отображающееWebView с предопределенным URL.

Файл: 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 позволяет вручную загружать пользовательскую разметку HTML черезwebView.loadData(), см. измененную версию:

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 КБ)

TOC

Пример Android WebView