效果展示:
一:布局文件
acyivity_main.xml文件:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<!-- top -->
<!-- center -->
<LinearLayout
android:id="@+id/center"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="7"
android:orientation="vertical" >
<include layout="@layout/center_webview" />
</LinearLayout>
<!-- bottom -->
<LinearLayout
android:id="@+id/bottom"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.8"
android:orientation="vertical" >
<include layout="@layout/bottom" />
</LinearLayout>
</LinearLayout>
bottom.xml文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >
<LinearLayout
android:id="@+id/bottom_1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical" >
</LinearLayout>
<LinearLayout
android:id="@+id/bottom_2"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2"
android:orientation="vertical" >
<Button
android:id="@+id/btn_zuo"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="@string/zuo" />
</LinearLayout>
<LinearLayout
android:id="@+id/bottom_3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="3"
android:orientation="vertical" >
</LinearLayout>
<LinearLayout
android:id="@+id/bottom_4"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2"
android:orientation="vertical" >
<Button
android:id="@+id/btn_you"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="@string/you" />
</LinearLayout>
<LinearLayout
android:id="@+id/bottom_5"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical" >
</LinearLayout>
</LinearLayout>
center_webview.xml文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<WebView
android:id="@+id/webView1"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
二:src文件
MainActivity.java文件:
package com.peng.wangye;
import android.os.Bundle;
import android.app.Activity;
import android.app.ProgressDialog;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.Toast;
/*
* webview练习
* 功能:显示网页、进度条显示进度、上一页、下一页、返回按钮2秒两次点击退出应用
*/
public class MainActivity extends Activity implements OnClickListener {
// 声明控件
private WebView myweb;
private Button btn_zuo;// 上一页
private Button btn_you;// 下一页
// 返回按钮属性
private static final int TIME_INTERVAL = 2000;
private long mBackPressed;
// 进度条
ProgressDialog show;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 初始化控件
initViews();
// 为控件添加监听器
setViewsAdapter();
// 操作webview
operateWebView();
}
// 初始化控件
private void initViews() {
myweb = (WebView) findViewById(R.id.webView1);
btn_zuo = (Button) findViewById(R.id.btn_zuo);
btn_you = (Button) findViewById(R.id.btn_you);
}
// 为控件添加监听函数
private void setViewsAdapter() {
btn_zuo.setOnClickListener(this);
btn_you.setOnClickListener(this);
}
// 操作webview
private void operateWebView() {
// 加载网页
myweb.loadUrl("http://soft.sxau.edu.cn/");// 山西农业大学软件学院url
// 显示在WebView控件中
myweb.setWebViewClient(new WebViewClient() {
// shouldOverrideUrlLoading处理页面控制和请求通知
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;// true用WebView打开,false用系统浏览器打开
}
});
// 设置支持javascript
WebSettings set = myweb.getSettings();
set.setJavaScriptEnabled(true);
// 打开页面时, 自适应屏幕:
set.setUseWideViewPort(true);// 设置此属性,可任意比例缩放
set.setLoadWithOverviewMode(true);
// 使页面支持缩放:
set.setBuiltInZoomControls(true);
set.setSupportZoom(true);
// 设置缓存
set.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
// 设置加载网页时进度条提示
myweb.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (100 == newProgress) {
// 加载完毕,关闭进度对话框
if (null != show && show.isShowing()) {
show.dismiss();// 关闭对话框
show = null;
}
} else {
// 加载网页中,显示加载进度
if (null == show) {
show = new ProgressDialog(MainActivity.this);
// 设置对话框样式
show.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
show.setTitle("网页正在加载中");
show.setProgress(newProgress);
show.show();
} else {
show.setProgress(newProgress);
}
}
}
});
}
// 单击监听--对按钮btn_zuo和zuo_you的监听
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_zuo: {
if (myweb.canGoBack()) {
myweb.goBack();
} else {
Toast.makeText(MainActivity.this, "已经是第一页!", 0).show();
return;
}
break;
}
case R.id.btn_you: {
if (myweb.canGoForward()) {
myweb.goForward();
} else {
Toast.makeText(MainActivity.this, "已经是最后一页!", 0).show();
return;
}
break;
}
default:
break;
}
}
// 设置物理返回键的点击事件
@Override
public void onBackPressed() {
if (mBackPressed + TIME_INTERVAL > System.currentTimeMillis()) {
super.onBackPressed();
MainActivity.this.finish();
} else {
Toast.makeText(getBaseContext(), "再按一次退出", Toast.LENGTH_SHORT)// Toast.LENGTH_LONG(3.5秒)和Toast.LENGTH_SHORT(2秒)
.show();
}
mBackPressed = System.currentTimeMillis();
}
}
三:配置文件
四:WebView中WebSettings小知识
WebSettings webSettings=webView.getSettings();
setAllowContentAccess (boolean allow)
是否允许在WebView中访问内容URL(Content Url),默认允许。内容Url访问允许WebView从安装在系统中的内容提供者载入内容。
setAllowFileAccess (boolean allow)
是否允许访问文件,默认允许。注意,这里只是允许或禁止对文件系统的访问,Assets 和 resources 文件使用file:///android_asset和file:///android_res仍是可访问的。
setAllowFileAccessFromFileURLs (boolean flag)
是否允许运行在一个URL环境(the context of a file scheme URL)中的JavaScript访问来自其他URL环境的内容,为了保证安全,应该不允许。也请注意,这项设置只影响对file schema 资源的JavaScript访问,其他形式的访问,例如来自图片HTML单元的访问不受影响。为了防止相同的域策略(same domain policy)对ICE_CREAM_SANDWICH以及更老机型的侵害,应该显式地设置此值为false。
setAllowUniversalAccessFromFileURLs (boolean flag)
是否允许运行在一个file schema URL环境下的JavaScript访问来自其他任何来源的内容,包括其他file schema URLs. 参见setAllowFileAccessFromFileURLs(boolean),为了确保安全,应该设置为不允许,注意这项设置只影响对file schema 资源的JavaScript访问,其他形式的访问,例如来自图片HTML单元的访问不受影响。为了防止相同的域策略(same domain policy)对ICE_CREAM_SANDWICH以及更老机型的侵害,应该显式地设置此值为false。ICE_CREAM_SANDWICH_MR1 以及更老的版本此默认值为true,JELLY_BEAN以及更新版本此默认值为false
setAppCacheEnabled (boolean flag)
应用缓存API是否可用,默认值false, 结合setAppCachePath(String)使用。
setAppCachePath(String)
设置应用缓存文件的路径。为了让应用缓存API可用,此方法必须传入一个应用可写的路径。该方法只会执行一次,重复调用会被忽略。
setAppCacheMaxSize (long appCacheMaxSize)
已废弃。设置应用缓存内容的最大值。所传值会被近似为数据库支持的最近似值,因此这是一个指示值,而不是一个固定值。所传值若小于数据库大小不会让数据库调整大小。默认值是MAX_VALUE,建议将默认值设置为最大值。
setBlockNetworkImage (boolean flag)
是否禁止从网络(通过http和https URI schemes访问的资源)下载图片资源,默认值为false。注意,除非getLoadsImagesAutomatically()返回true,否则该方法无效。还请注意,即使此项设置为false,使用setBlockNetworkLoads(boolean)禁止所有网络加载也会阻止网络图片的加载。当此项设置的值从true变为false,WebView当前显示的内容所引用的网络图片资源会自动获取。
setBlockNetworkLoads (boolean flag)
是否禁止从网络下载数据,如果app有INTERNET权限,默认值为false,否则默认为true。使用setBlockNetworkImage(boolean) 只会禁止图片资源的加载。注意此值由true变为false,当前WebView展示的内容所引用的网络资源不会自动加载,直到调用了重载。如果APP没有INTERNET权限,设置此值为false会抛出SecurityException。
setBuiltInZoomControls (boolean enabled)
是否使用内置的缩放机制。内置的缩放机制包括屏幕上的缩放控件(浮于WebView内容之上)和缩放手势的运用。通过setDisplayZoomControls(boolean)可以控制是否显示这些控件,默认值为false。
setCacheMode (int mode)
重写使用缓存的方式,默认值LOAD_DEFAULT。缓存的使用方式基于导航类型,正常的页面加载,检测缓存,需要时缓存内容复现。导航返回时,内容不会复现,只有内容会从缓存盘中恢复。该方法允许客户端通过指定LOAD_DEFAULT, LOAD_CACHE_ELSE_NETWORK, LOAD_NO_CACHE or LOAD_CACHE_ONLY的其中一项来重写其行为。
setCursiveFontFamily (String font)
设置WebView字体库字体,默认“cursive”
setDatabaseEnabled (boolean flag)
数据库存储API是否可用,默认值false。如何正确设置数据存储API参见setDatabasePath(String)。该设置对同一进程中的所有WebView实例均有效。注意,只能在当前进程的任意WebView加载页面之前修改此项,因为此节点之后WebView的实现类可能会忽略该项设置的改变。
setDatabasePath (String databasePath)
已废弃,数据库路径由实现(implementation)管理,调用此方法无效。
设置数据库的存储路径,为了保证数据库正确运行,该方法必须使用一个应用可写的路径。此方法只能执行一次,重复调用会被忽略。
setDefaultFixedFontSize (int size)
设置默认固定的字体大小,默认为16,可取值1到72
setDefaultFontSize (int size)
设置默认的字体大小,默认16,可取值1到72
setDefaultTextEncodingName (String encoding)
设置默认的字符编码集,默认”UTF-8”.
setDefaultZoom (WebSettings.ZoomDensity zoom)
已废弃。设置默认的缩放密度,必须在UI线程调用,默认值MEDIUM.该项设置在新应用中不推荐使用。如果WebView用于展示手机页面,可以通过调整页面的’meta viewport’ 标记中的’width’ 和 ‘initial-scale’属性实现预期效果,对于漏用标记的页面,可以使用setInitialScale(int)和setUseWideViewPort(boolean) .
setDisplayZoomControls (boolean enabled)
使用内置的缩放机制时是否展示缩放控件,默认值true。参见setBuiltInZoomControls(boolean).
setDomStorageEnabled (boolean flag)
DOM存储API是否可用,默认false。
setEnableSmoothTransition (boolean enable)
已废弃,将来会成为空操作(no-op),设置当panning或者缩放或者持有当前WebView的window没有焦点时是否允许其光滑过渡,若为true,WebView会选择一个性能最大化的解决方案。例如过渡时WebView的内容可能不更新。若为false,WebView会保持精度(fidelity),默认值false。
setFantasyFontFamily (String font)
设置fantasy字体集(font family)的名字默认为“fantasy”
setFixedFontFamily (String font)
设置固定的字体集的名字,默认为”monospace”。
setGeolocationDatabasePath (String databasePath)
定位数据库的保存路径,为了确保定位权限和缓存位置的持久化,该方法应该传入一个应用可写的路径。
setGeolocationEnabled (boolean flag)
定位是否可用,默认为true。请注意,为了确保定位API在WebView的页面中可用,必须遵守如下约定:
(1) app必须有定位的权限,参见ACCESS_COARSE_LOCATION, ACCESS_FINE_LOCATION;
(2) app必须提供onGeolocationPermissionsShowPrompt(String, GeolocationPermissions.Callback)回调方法的实现,在页面通过JavaScript定位API请求定位时接收通知。
作为可选项,可以在数据库中存储历史位置和Web初始权限,参见setGeolocationDatabasePath(String).
setJavaScriptCanOpenWindowsAutomatically (boolean flag)
让JavaScript自动打开窗口,默认false。适用于JavaScript方法window.open()。
setJavaScriptEnabled (boolean flag)
设置WebView是否允许执行JavaScript脚本,默认false,不允许。
setLayoutAlgorithm (WebSettings.LayoutAlgorithm l)
设置布局,会引起WebView的重新布局(relayout),默认值NARROW_COLUMNS
setLightTouchEnabled (boolean enabled)
已废弃。从 JELLY_BEAN 开始,该设置无效。允许使用轻触摸做出选择和光标悬停。
setLoadWithOverviewMode (boolean overview)
是否允许WebView度超出以概览的方式载入页面,默认false。即缩小内容以适应屏幕宽度。该项设置在内容宽度超出WebView控件的宽度时生效,例如当getUseWideViewPort() 返回true时。
setLoadsImagesAutomatically (boolean flag)
WebView是否下载图片资源,默认为true。注意,该方法控制所有图片的下载,包括使用URI嵌入的图片(使用setBlockNetworkImage(boolean) 只控制使用网络URI的图片的下载)。如果该设置项的值由false变为true,WebView展示的内容所引用的所有的图片资源将自动下载。
setMediaPlaybackRequiresUserGesture (boolean require)
WebView是否需要用户的手势进行媒体播放,默认值为true。
setMinimumFontSize (int size)
设置最小的字号,默认为8
setMinimumLogicalFontSize (int size)
设置最小的本地字号,默认为8。
setMixedContentMode (int mode)
当一个安全的来源(origin)试图从一个不安全的来源加载资源时配置WebView的行为。默认情况下,KITKAT及更低版本默认值为MIXED_CONTENT_ALWAYS_ALLOW,LOLLIPOP版本默认值MIXED_CONTENT_NEVER_ALLOW,WebView首选的最安全的操作模式为MIXED_CONTENT_NEVER_ALLOW ,不鼓励使用MIXED_CONTENT_ALWAYS_ALLOW。
setNeedInitialFocus (boolean flag)
调用requestFocus(int, Android.graphics.Rect)时是否需要设置节点获取焦点,默认值为true。
setOffscreenPreRaster (boolean enabled)
当WebView切换到后台但仍然与窗口关联时是否raster tiles,打开它可以避免在WebView从后台切换到前台时重新绘制,默认值false。在这种模式下后台的WebView占用更多的内存。请按如下准则显示内存的使用:
WebView的尺寸不能比设备的屏幕尺寸更大;
限制在少数WebView上使用该模式;
在可见的WebView和即将显现的WebView上使用;
setPluginState (WebSettings.PluginState state)
在API18以上已废弃。未来将不支持插件,不要使用。告诉WebView启用、禁用或者有即用(on demand)的插件,即用模式是指如果存在一个可以处理嵌入内容的插件,会显示一个占位图标,点击时开启。默认值OFF。
setRenderPriority (WebSettings.RenderPriority priority)
在API18以上已废弃。不建议调整线程优先级,未来版本不会支持这样做。设置绘制(Render,很多书上翻译成渲染,貌似很专业,但是不易懂,不敢苟同)线程的优先级。不像其他设置,同一进程中只需调用一次,默认值NORMAL。
setSansSerifFontFamily (String font)
设置无衬线字体集(sans-serif font family)的名字。默认值”sans-serif”.
setSaveFormData (boolean save)
WebView是否保存表单数据,默认值true。
setSavePassword (boolean save)
API18以上版本已废弃。未来版本将不支持保存WebView中的密码。设置WebView是否保存密码,默认true。
setSerifFontFamily (String font)
设置衬线字体集(serif font family)的名字,默认“sans-serif”。
setStandardFontFamily (String font)
设置标准字体集的名字,默认值“sans-serif”。
setSupportMultipleWindows (boolean support)
设置WebView是否支持多窗口。如果设置为true,主程序要实现onCreateWindow(WebView, boolean, boolean, Message),默认false。
setSupportZoom (boolean support)
WebView是否支持使用屏幕上的缩放控件和手势进行缩放,默认值true。设置setBuiltInZoomControls(boolean)可以使用特殊的缩放机制。该项设置不会影响zoomIn() and zoomOut()的缩放操作。
setTextSize (WebSettings.TextSize t)
API14版本以上已废弃。请取代使用setTextZoom(int)。设置页面文本的尺寸,默认NORMAL。
setTextZoom (int textZoom)
设置页面上的文本缩放百分比,默认100。
setUseWideViewPort (boolean use)
WebView是否支持HTML的“viewport”标签或者使用wide viewport。设置值为true时,布局的宽度总是与WebView控件上的设备无关像素(device-dependent pixels)宽度一致。当值为true且页面包含viewport标记,将使用标签指定的宽度。如果页面不包含标签或者标签没有提供宽度,那就使用wide viewport。
setUserAgentString (String ua)
设置WebView的用户代理字符串。如果字符串为null或者empty,将使用系统默认值。注意从KITKAT版本开始,加载网页时改变用户代理会让WebView再次初始化加载。
supportMultipleWindows ()
获取WebView是否支持多窗口的值。
supportZoom ()
获取WebView是否支持缩放的值