【Android】帶進度條的WebView

本文轉載自查看原文 2013-03-07 11:48 50107 4、Android/ android WebView/ android Progress WebView

前言

如果不使用系統自帶的TitleBar（即Activity被設置@android:style/Theme.NoTitleBar），那就需要自己來寫進度條了，這里封裝了一個自定義控件和加載網頁的公共Activity，方便使用。

聲明

　　歡迎轉載，但請保留文章原始出處:)

　　　　博客園：http://www.cnblogs.com

　　　　農民伯伯： http://over140.cnblogs.com

正文

一、截圖

二、自定義控件

/**
* 帶進度條的WebView
* @author 農民伯伯
* @see http://www.cnblogs.com/over140/archive/2013/03/07/2947721.html
*
*/
@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.FILL_PARENT, 3, 0, 0));
        addView(progressbar);
         //         setWebViewClient(new WebViewClient(){});
        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);
    }
}

三、加載網頁的公共Activity

/**
* 加載網頁的Activity
*
* @author 農民伯伯
* @see http://www.cnblogs.com/over140/archive/2013/03/07/2947721.html
*
*/
public class WebActivity extends BaseActivity {

     private ProgressWebView webview;
     private String url;
     private String name;

    @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
        setContentView(R.layout.commom_web);

         // ~~~ 獲取參數
        url = getIntent().getStringExtra("url");
        name = getIntent().getStringExtra("name");

         // ~~~ 綁定控件
        webview = (ProgressWebView) findViewById(R.id.webview);

         // ~~~ 設置數據
        titleText.setText(name);
        webview.getSettings().setJavaScriptEnabled( true);
        webview.setDownloadListener( new DownloadListener() {
            @Override
             public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
                 if (url != null && url.startsWith("http://"))
                    startActivity( new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
            }
        });

        webview.loadUrl(url);
    }
}

commom_web.xml

<? xml version="1.0" encoding="utf-8" ?>
< LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android"
    android:layout_width ="fill_parent"
    android:layout_height ="fill_parent"
    android:orientation ="vertical" >

     < include layout ="@layout/include_title" />

     < com.nmbb.ui.widget.ProgressWebView
         android:id ="@+id/webview"
        android:layout_width ="fill_parent"
        android:layout_height ="fill_parent" />

</ LinearLayout >

四、補充說明

1、還可以再優化一下，在標題欄加一個刷新按鈕。

2、如果加載的頁面有需要下載文件，需要設置setDownloadListener方法，根據項目實際需求定制。

3、自定義控件是在轉載的，忘記出處，感謝~~

結束

沒啥高深技術，實用就行！

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Android 帶進度的圓形進度條 Android 帶進度的圓形進度條多文件異步上傳帶進度條帶進度條的文件上傳帶進度條的文件上傳 Springboot 文件上傳(帶進度條) web文件上傳，帶進度條 android多線程斷點下載-帶進度條和百分比進度顯示 Android帶進度條文件上傳 Android學習筆記--使用HttpURLConnection實現網絡下載效果，附帶進度條顯示