- 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 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中使用:
- /*******************************************************************************
- *
- ******************************************************************************/
- 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添加权限:
- <uses-permission android:name="android.permission.INTERNET" />
方式一:
- WebSettings mWebSettings = webView.getSettings();
- mWebSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
LayoutAlgorithm 是一个枚举用来控制页面的布局,其有三个类型:
1.NARROW_COLUMNS:可能的话使所有列的宽度不超过屏幕宽度
2.NORMAL:正常显示不做任何渲染
3.SINGLE_COLUMN:把所有内容放大webview等宽的一列中
用SINGLE_COLUMN类型可以设置页面居中显示,页面可以放大缩小,但这种方法有缺陷,有时候会让你的页面布局扭曲(不推荐使用)。
方式二:
- //设置载入页面自适应手机屏幕,居中显示
- 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>实现自动换行
- 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);
- }
- });
- }
- }