android webview应用,Android WebView简单应用

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

布局代码以下：

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" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:ems="10" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBottom="@+id/editText1"

android:layout_alignParentRight="true"

android:text="GO" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_alignLeft="@+id/editText1"

android:layout_below="@+id/editText1" />

源码代码以下：

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、要增加网络权限

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

webview的API的公道调用，就能够实现比较完全的阅读器功能

比如打开页面：

myWebView.loadUrl("http://www.google.com");

myWebView.loadUrl("file:///android_asset/XX.html");

//HTML文件事前保存到asset文件夹。

String htmlString = "

Title

This is HTML textFormatted in italics
Anothor Line

";

// 载入这个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。以下所示：