HTML5封装成android应用APK——WebView设置

Android SDK中的WebView

1.在要Activity中实例化WebView组件：WebView webView = new WebView(this);
2.调用WebView的loadUrl()方法，设置WevView要显示的网页：
互联网用：webView.loadUrl(“http://www.baidu.com”;);
本地文件用：webView.loadUrl(“file:///android_asset/XX.html”); //本地文件存放在：assets 文件中
3.调用Activity的setContentView( )方法来显示网页视图
4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面
5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。
<uses-permission android:name=”android.permission.INTERNET” />
缺点：如果是载入的是普通网页，没有什么问题，但如果是html5,封装后，在android2.3以上才能正常访问，android2.2及以下，SDK中的WebView还没完全支持HTML5。

备注：”file:///android_asset/”是固定写法代表的就是assets文件夹

下面是具体例子：

第一种方法：
MainActivity.java
javascript 代码

package com.example.html5;

import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.view.KeyEvent;
import android.webkit.WebView; //导入WebView

@SuppressLint("SetJavaScriptEnabled")
public class MainActivity extends Activity {

 private WebView webview; //设置私有属性

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 //实例化WebView对象
 WebView webview = new WebView(this);
 //设置WebView属性，能够执行Javascript脚本
 webview.getSettings().setJavaScriptEnabled(true);
 //加载需要显示的网页
 webview.loadUrl("");
 //设置Web视图
 setContentView(webview);
 }

 @Override
 //设置回退
 //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法
 public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
 webview.goBack(); //goBack()表示返回WebView的上一页面
 return true;
 }
 return false;
 }
}

AndroidManifest.xml文件中添加权限（uses-permission）
xml 代码

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

 <uses-sdk
 android:minSdkVersion="8"
 android:targetSdkVersion="18" />

 <application
 android:allowBackup="true"
 android:icon="@drawable/ic_launcher"
 android:label="@string/app_name"
 android:theme="@style/AppTheme" >
 <activity
 android:name="com.example.html5.MainActivity"
 android:label="@string/app_name" >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />

 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>

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

备注：以上方法中的回退设置，本人没有测试成功，点击手机回退会提示出错，直接退出；页面内容都正常访问。

第二种方法：

1、在布局文件中声明WebView

2、在Activity中实例化WebView

3、调用WebView的loadUrl( )方法，设置WevView要显示的网页

4、为了让WebView能够响应超链接功能，调用setWebViewClient()方法，设置 WebView视图

5、用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

6、需要在AndroidManifest.xml文件中添加权限，否则出现Web page not available错误。

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

MainActivity.java
javascript 代码

package com.example.html5;

import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.view.KeyEvent;
import android.webkit.WebView; //导入WebView
import android.webkit.WebViewClient; //导入WebViewClient

@SuppressLint("SetJavaScriptEnabled")
public class MainActivity extends Activity {

 private WebView webview; //定义私有属性

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 //实例化webview
 webview = (WebView) findViewById(R.id.webview);
 //设置WebView属性，能够执行Javascript脚本
 webview.getSettings().setJavaScriptEnabled(true);
 //加载需要显示的网页
 webview.loadUrl("");
 //设置Web视图
 webview.setWebViewClient(new HelloWebViewClient ());
 }

 @Override
 //设置回退
 //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法
 public boolean onKeyDown(int keyCode, KeyEvent event) {
 if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
 webview.goBack(); //goBack()表示返回WebView的上一页面
 return true;
 }
 //首页时，点击回退，退出app
 return super.onKeyDown(keyCode, event);
 }

 //Web视图
 private class HelloWebViewClient extends WebViewClient {
 @Override
 public boolean shouldOverrideUrlLoading(WebView view, String url) { 
 view.loadUrl(url);
 return true;
 }
 }

}

activity_main.xml（添加WebView项）
xml 代码

<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"
 tools:context=".MainActivity" >

 <WebView
 android:id="@+id/webview"
 android:layout_width="match_parent"
 android:layout_height="match_parent" />

</RelativeLayout>

在AndroidManifest.xml文件中添加权限（uses-permission）
xml 代码

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

 <uses-sdk
 android:minSdkVersion="8"
 android:targetSdkVersion="18" />

 <application
 android:allowBackup="true"
 android:icon="@drawable/ic_launcher"
 android:label="@string/app_name"
 android:theme="@style/AppTheme" >
 <activity
 android:name="com.example.html5.MainActivity"
 android:label="@string/app_name" >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />

 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>

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

 

原文地址：https://www.qdfuns.com/article/12048/d669f0356d942c0cf658decd062c6605.html