程序员人生网站导航

Android WebView简单应用

栏目：htmlcss时间：2015-03-31 08:01:06

WebView是View的1个子类，可让你在activity中显示网页。在布局中拉入1个WebView，1个Button，1个EditText
布局代码以下：

<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="com.shendan.webrowser.MainActivity" >

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:ems="10" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/editText1"
        android:layout_alignParentRight="true"
        android:text="GO" />

    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignLeft="@+id/editText1"
        android:layout_below="@+id/editText1" />

</RelativeLayout>

源码代码以下：

package com.shendan.webrowser;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends ActionBarActivity {

    EditText editText;
    Button button;
    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        editText = (EditText)findViewById(R.id.editText1);
        editText.setText("http://www.baidu.com");
        button = (Button)findViewById( R.id.button1);
        webView = (WebView)findViewById(R.id.webView1);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);

        //点击页面内连接直接打开
        webView.setWebViewClient(new WebViewClient(){       
            public boolean shouldOverrideUrlLoading(WebView view, String url) {       
                view.loadUrl(url);       
                return true;       
            }       
        });


        button.setOnClickListener( new View.OnClickListener() {         
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                String urlstr = editText.getText().toString();
                webView.loadUrl(urlstr);
            }
        });
    }

    //点击后退按钮返回前面的网页
    public boolean onKeyDown(int keyCode,KeyEvent event)
    {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {       
            webView.goBack();       
            return true;       
        }       
        return super.onKeyDown(keyCode, event);


    }

    @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;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

有几个注意点：
1、网址1定要包括http://，
2、要增加网络权限

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

这样就能够简单进行网页阅读了。

webview的API的公道调用，就能够实现比较完全的阅读器功能
比如打开页面：

myWebView.loadUrl("http://www.google.com");
myWebView.loadUrl("file:///android_asset/XX.html");
//HTML文件事前保存到asset文件夹。
String htmlString = "<h1>Title</h1><p>This is HTML text<br /><i>Formatted in italics</i><br />Anothor Line</p>";
// 载入这个html页面。
myWebView.loadData(htmlString, "text/html", "utf⑻");
//假设有中文，使用.
myWebView.loadDataWithBaseURL(null,htmlString, "text/html", "utf⑻",null);

当你的WebView覆写了URL载入的行动，它会自动地对访问过的网页积累1个历史，你可以利用 goBack() 和 goForward()方法在这个历史中前进或后退。

通太重写WebViewClient，可以更好地控制页面内的行动。

    public class MyWebViewClient extends WebViewClient
    {

        @Override
        public void onPageFinished(WebView view, String url) {
            // TODO Auto-generated method stub
            super.onPageFinished(view, url);
        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            // TODO Auto-generated method stub
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public void onScaleChanged(WebView view, float oldScale, float newScale) {
            // TODO Auto-generated method stub
            super.onScaleChanged(view, oldScale, newScale);
        }

        @Override
        public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {
            // TODO Auto-generated method stub
            return super.shouldOverrideKeyEvent(view, event);
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            // TODO Auto-generated method stub




            return super.shouldOverrideUrlLoading(view, url);
        }

    }

接下来说1点比较重要的，就是Webview与js交互。

1.android中利用webview调用网页上的js代码。

将webview控件的支持js的属性设置为true，然后通过loadUrl就能够直接进行调用，以下所示：

mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl(“javascript:test()”);

2.网页上调用android中java代码的方法

在网页中调用java代码，需要在webview控件中添加javascriptInterface。以下所示：

------分隔线----------------------------

上一篇 LeetCode Two Sum

下一篇 配置apache以支持cgi进程的运行

------分隔线----------------------------