Android-使用WebView显示网页
WebView是安卓提供显示web界面的工具类，可以像PC端的浏览器那样进行显示：
大致就是上图那样。其实也可以不用WebView，简单的三行代码就可以在安卓App上显示网页界面。
示例
Uri uri = Uri.parse("http://www.baidu.com");
Intent it = new Intent(Intent.ACTION_VIEW, uri);
startActivity(it);运行效果：
使用WebView
布局文件
<LinearLayout 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:orientation="vertical"
tools:context=".MainActivity">
<WebView
android:id="@+id/id_webView"
android:layout_width="match_parent"
android:layout_height="match_parent"
></WebView>
</LinearLayout>
主活动
package com.xieth.as.webviewdemo;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.webkit.WebView;
public class MainActivity extends AppCompatActivity {
private WebView webView = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initViews();
webView.loadUrl("http://www.baidu.com");
}
private void initViews() {
webView = (WebView) findViewById(R.id.id_webView);
}
}
但是结果：
记住要添加访问网络权限
<uses-permission android:name="android.permission.INTERNET"/>OK，现在可以了
可以看到有选择浏览器的对话框。其实我们可以通过代码来指定浏览器来显示，不需要再次选择。
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});运行效果：
可以看到没有出现那个选择框了。默认是安卓设备自带的浏览器，而不是第三方的。
WebView中使用JavaScript
// 启用支持JavaScript
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);但是有一个不好的用户体验。
在我们浏览一个页面，再次进入另外一个页面的时候，点击返回键，重新回到上次页面的时候，
但是却退出了，这是一个非常不好的用户体验。
可以通过代码进行改善。
// 重写方法使之可以返回上次的页面
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
if (webView.canGoBack()) { // 判断当前页面是否处于首部
webView.goBack();// 返回上一页面
return true;
} else { // 如果当前页面是第一个页面
System.exit(0); // 退出程序
}
}
return super.onKeyDown(keyCode, event);
}效果：
这样就OK了
判断网页的加载过程
在使用浏览器访问网页的时候，有时候会加载慢，有时候会很快，所以为了给用户更加良好的体验，
我们可以通过进度条的方式来进行展示。
// 进度条显示网页的加载过程
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100) {
// 加载完毕
closeDialog(newProgress);
} else {
openDialog(newProgress);
}
super.onProgressChanged(view, newProgress);
}
private void openDialog(int newProgress) {
if (dialog == null) {
dialog = new ProgressDialog(MainActivity.this);
dialog.setTitle("正在加载");
dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
dialog.setProgress(newProgress);
dialog.show();
} else {
dialog.setProgress(newProgress);
}
}
private void closeDialog(int newProgress) {
if (dialog != null && dialog.isShowing()) {
dialog.dismiss();
dialog = null;
}
}
});运行：
WebView使用缓存优化
// 优先使用缓存优化效率
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);完整代码
package com.xieth.as.webviewdemo;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.KeyEvent;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
private WebView webView = null;
private ProgressDialog dialog = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initViews();
webView.loadUrl("http://www.baidu.com");
webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
// 启用支持JavaScript
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
// 进度条显示网页的加载过程
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100) {
// 加载完毕
closeDialog(newProgress);
} else {
openDialog(newProgress);
}
super.onProgressChanged(view, newProgress);
}
private void openDialog(int newProgress) {
if (dialog == null) {
dialog = new ProgressDialog(MainActivity.this);
dialog.setTitle("正在加载");
dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
dialog.setProgress(newProgress);
dialog.show();
} else {
dialog.setProgress(newProgress);
}
}
private void closeDialog(int newProgress) {
if (dialog != null && dialog.isShowing()) {
dialog.dismiss();
dialog = null;
}
}
});
// 优先使用缓存优化效率
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
}
// 重写方法使之可以返回上次的页面
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
if (webView.canGoBack()) { // 判断当前页面是否处于首部
webView.goBack();// 返回上一页面
return true;
} else { // 如果当前页面是第一个页面
System.exit(0); // 退出程序
}
}
return super.onKeyDown(keyCode, event);
}
private void initViews() {
webView = (WebView) findViewById(R.id.id_webView);
}
}时间： 2024-10-11 22:41:17