您的位置：首页 > 移动开发 > Android开发

Android控件：WebVIew（二）显示网页或本地html文件

2015-10-19 09:29 417 查看

package app.ui.widget;

import android.content.Context;
import android.util.AttributeSet;
import android.webkit.WebView;
import android.widget.ProgressBar;
/**
* 自定义WebView带进度条
* @author gaochun
*
*/
@SuppressWarnings("deprecation")
public class ProgressWebView extends WebView {

private ProgressBar progressbar; /** 进度条 */

public ProgressWebView(Context context, AttributeSet attrs) {
super(context, attrs);
// 初始化进度条
progressbar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal);
// 设置进度条风格
progressbar.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, 5, 0, 0));
addView(progressbar);
setWebChromeClient(new WebChromeClient());

}

public class WebChromeClient extends android.webkit.WebChromeClient {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100) {
progressbar.setVisibility(GONE); // 加载完成隐藏进度条
} else {
if (progressbar.getVisibility() == GONE)
progressbar.setVisibility(VISIBLE);
progressbar.setProgress(newProgress);
}
super.onProgressChanged(view, newProgress);
}
}

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
LayoutParams lp = (LayoutParams) progressbar.getLayoutParams();
lp.x = l;
lp.y = t;
progressbar.setLayoutParams(lp);
super.onScrollChanged(l, t, oldl, oldt);
}
}

在xml中使用：

[html] view plain copy print ?

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="@dimen/content_padding" >

<app.ui.widget.ProgressWebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent" />

<TextView
android:id="@+id/tv_error"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center|center_vertical"
android:text="查询失败"
android:visibility="gone" />

</FrameLayout>

在Activity中使用：

[java] view plain copy print ?

/*******************************************************************************
*
* Copyright (c) Weaver Info Tech Co. Ltd
*
* SelectActivity
*
* app.ui.activity.service.SelectActivity.java
* TODO: File description or class description.
*
* @author: Administrator
* @since: 2014-5-16
* @version: 1.0.0
*
* @changeLogs:
* 1.0.0: First created this class.
*
******************************************************************************/
package app.ui.activity.service;

import mobi.kuaidian.qunakao.R;
import android.content.Intent;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import app.ui.widget.ProgressWebView;
/**
* @author Administrator
*
*/
public class ResultActivity extends Activity{

public static final String SELECT_XUELI = "http://www.chsi.com.cn/xlcx/lscx.jsp"; //学历查询地址

private ProgressWebView mWebView;
private WebSettings mWebSettings;

/* (non-Javadoc)
* @see app.ui.TitleActivity#onCreate(android.os.Bundle)
*/
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setUpViews();
}

private void setUpViews()
{
setContentView(R.layout.activity_result);
showBackwardView(R.string.button_backward, true);
mWebView = (ProgressWebView)findViewById(R.id.webview);
mWebView.loadUrl(BaseActivity.SELECT_XUELI);

mWebSettings = mWebView.getSettings();
mWebSettings.setJavaScriptEnabled(true); //允许加载javascript
mWebSettings.setSupportZoom(true); //允许缩放
mWebSettings.setBuiltInZoomControls(true); //原网页基础上缩放
mWebSettings.setUseWideViewPort(true); //任意比例缩放

/*****************************************************************
* 在点击请求的是链接时才会调用，重写此方法返回true表明点击网页里
* 面的链接还是在当前的WebView里跳转，不会跳到浏览器上运行。
*****************************************************************/
mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return super.shouldOverrideUrlLoading(view, url);
}
});
}

/***********************************************************
* 监听返回键
* 注：这里的返回键是指在加载的网页中进入了另一个连接，点击返回
***********************************************************/
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
}

AndroidManifest.xml添加权限：

[html] view plain copy print ?

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

效果图显示：

自定义带进度条的WebView控件：

[java] view plain copy print ?

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

效果图显示：

方式一：

[java] view plain copy print ?

WebSettings mWebSettings = webView.getSettings();
mWebSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

LayoutAlgorithm 是一个枚举用来控制页面的布局，其有三个类型：

1.NARROW_COLUMNS：可能的话使所有列的宽度不超过屏幕宽度

2.NORMAL：正常显示不做任何渲染

3.SINGLE_COLUMN：把所有内容放大webview等宽的一列中

用SINGLE_COLUMN类型可以设置页面居中显示，页面可以放大缩小，但这种方法有缺陷，有时候会让你的页面布局扭曲(不推荐使用)。

方式二：

[java] view plain copy print ?b

//设置载入页面自适应手机屏幕，居中显示
WebSettings mWebSettings = webView.getSettings();
mWebSettings.setUseWideViewPort(true);
mWebSettings.setLoadWithOverviewMode(true);

setUseWideViewPort是设置webview推荐使用的窗口，设置为true。

setLoadWithOverviewMode是设置webview加载的页面的模式，也设置为true。

这方法可以让你的页面适应手机屏幕的分辨率，完整的显示在屏幕上，可以放大缩小(推荐使用)。

WebView缩放问题：

1、webview支持页面缩放

//缩放开关

webView.getSettings().setSupportZoom(true);

设置此属性，仅支持双击缩放，不支持触摸缩放（android4.0）

// 设置是否可缩放

webView.getSettings().setBuiltInZoomControls(true);

如果设置了此属性，那么webView.getSettings().setSupportZoom(true);也默认设置为true

2、无限缩放

无限缩放，就需要使用大视图模式，如下：

webView.getSettings().setUseWideViewPort(true);设置此属性，可任意比例缩放。

注：1、初始缩放值可这样设置：webView.setInitialScale(initalValue);

2、缩放后，要使内容适配屏幕，不超出屏幕外显示，实现换行。这方面效果应该由html控制。

如<p style="word-break:break-all">test</p>实现自动换行

[java] view plain copy print ?

public class ResultActivity extends TitleActivity{

private WebView mWebView;
private WebSettings mWebSettings;

/* (non-Javadoc)
* @see app.ui.TitleActivity#onCreate(android.os.Bundle)
*/
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setUpViews();
}

private void setUpViews()
{
setContentView(R.layout.activity_result);
showBackwardView(R.string.button_backward, true);
mWebView = (WebView)findViewById(R.id.webview);

mWebSettings = mWebView.getSettings();
mWebSettings.setJavaScriptEnabled(true); //允许加载javascript
//mWebSettings.setSupportZoom(true); //允许缩放
//mWebSettings.setBuiltInZoomControls(true);
//mWebSettings.setUseWideViewPort(true); //任意比例缩放

mWebSettings.setUseWideViewPort(true); //设置加载进来的页面自适应手机屏幕（可缩放）
mWebSettings.setLoadWithOverviewMode(true)；

mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return super.shouldOverrideUrlLoading(view, url);
}
});
}
}

自定义带进度条的WebView控件：

[java] view plain copy print ?

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

效果图显示：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航