在使用WebView加載網(wǎng)頁(yè)時(shí)有時(shí)候網(wǎng)速等原因加載比較慢時(shí),為了避免在加載網(wǎng)頁(yè)的時(shí)候出現(xiàn)一片空白的區(qū)域,給用戶很不好的體驗(yàn)感,我們往往在加載的時(shí)候添加一個(gè)進(jìn)度條,使用戶直觀的感受到網(wǎng)頁(yè)加載的進(jìn)度,通常我們可以通過WebChromeClient里面的onProgressChanged()方法獲取到當(dāng)前的網(wǎng)頁(yè)加載進(jìn)度,但是當(dāng)我們使用時(shí)會(huì)發(fā)現(xiàn)他的網(wǎng)頁(yè)加載進(jìn)度不是一點(diǎn)一點(diǎn)加載的,也許一下就加載到50%下一秒直接加載到80%,如果我們將其設(shè)置給progressBar看起來就很快而且很不順暢,體驗(yàn)感較差,如下圖所示加載的網(wǎng)頁(yè)進(jìn)度:

假如這樣將其進(jìn)度設(shè)置到progressBar的體驗(yàn)感就相當(dāng)?shù)牟?,如下圖所示:

現(xiàn)在我們希望想要其在加載網(wǎng)頁(yè)的時(shí)候希望給用戶一種勻速加載的感覺,盡管他不是網(wǎng)頁(yè)真正加載的進(jìn)度,但我們只需要在網(wǎng)頁(yè)剛開始加載后和網(wǎng)頁(yè)加載結(jié)束前模擬一個(gè)勻速加載的效果,也就是重寫WebViewClient的onPageStarted()方法,在其中開啟一個(gè)定時(shí)器,重寫onPageFinished(),將定時(shí)器關(guān)閉掉,達(dá)到勻速加載網(wǎng)頁(yè)的效果,提到定時(shí)器,就不得不說一下相關(guān)的東西了。
簡(jiǎn)單來說就分成兩個(gè)東西,一個(gè)Timer,另外一個(gè)就是timer的所要執(zhí)行的計(jì)劃或者說是任務(wù)(Task),將這個(gè)任務(wù)(task)設(shè)置給定時(shí)器(timer),告訴定時(shí)器(timer)什么時(shí)候執(zhí)行任務(wù)(Task),而任務(wù)就是我們要要干的事,可以這樣說定時(shí)器想一個(gè)鬧鐘(Timer),任務(wù)相當(dāng)于我們起床(任務(wù)Task),當(dāng)鬧鐘執(zhí)行到我們?cè)O(shè)置的時(shí)間時(shí)(schedule),就提醒我們?cè)撈鸫擦?br />
Timer執(zhí)行指定的任務(wù)可以有一下幾種方法
//在指定的時(shí)間執(zhí)行指定的任務(wù)。 public void schedule(TimerTask task, Date when) {} //延遲指定時(shí)間后執(zhí)行指定的任務(wù) public void schedule(TimerTask task, long delay) {} //按設(shè)置延遲時(shí)間和時(shí)間間隔重復(fù)執(zhí)行指定的任務(wù) public void schedule(TimerTask task, long delay, long period) {} //在指定的時(shí)間和時(shí)間間隔重復(fù)執(zhí)行指定的任務(wù) public void schedule(TimerTask task, Date when, long period) {}在onPageStarted()我們通過開啟一個(gè)定時(shí)器,每隔50ms開始progress+1,直到onPageFinished()取消定時(shí)器
package com.example.timerdemo;
import java.util.Timer;import java.util.TimerTask;import android.app.Activity;import android.graphics.Bitmap;import android.os.Bundle;import android.util.Log;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.View.OnClickListener;import android.webkit.WebChromeClient;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.ProgressBar;public class MainActivity extends Activity { private ProgressBar progressbar; private Activity _rootActivity; private WebView webView; private WebClient webClient; private Timer timer = new Timer(); private int currentProgress = 0; String url = "http://appagent.gyfc.net.cn/NewHouse/index"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); progressbar = (ProgressBar) findViewById(R.id.web_progressbar); webView = (WebView) findViewById(R.id.webView); webClient = new WebClient(); webView.setWebViewClient(webClient); webView.setWebChromeClient(new WebChromeClient(){ @Override public void onProgressChanged(WebView view, int newProgress) { super.onProgressChanged(view, newProgress); if (newProgress == 100) { stopTimeTask(); progressbar.setVisibility(View.GONE); } else { if (newProgress > currentProgress) { progressbar.setProgress(newProgress); currentProgress = newProgress; } } } }); findViewById(R.id.btn).setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub webView.loadUrl(url); } }); } class WebClient extends WebViewClient{ @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); startTimeTask(); } @Override public void onPageFinished(WebView view, String url) { // TODO Auto-generated method stub super.onPageFinished(view, url); stopTimeTask(); } } /** * 啟動(dòng)定時(shí)器 */ private void startTimeTask() { stopTimeTask(); timer = new Timer(); timer.schedule(new TimerTask() { @Override public void run() { runOnUiThread(new Runnable() { @Override public void run() { // TODO Auto-generated method stub if (currentProgress < 90) { currentProgress += 1; progressbar.setProgress(currentProgress); } else { stopTimeTask(); } } }); } }, 0, 50); } /** * 關(guān)閉定時(shí)器 */ private void stopTimeTask() { if (timer != null) { timer.cancel(); timer = null; } }}<RelativeLayout 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" > <ProgressBar android:id="@+id/web_progressbar" style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="3dp" android:progressDrawable="@drawable/progressbar_bg_style" /> <WebView android:id="@+id/webView" android:layout_below="@id/web_progressbar" android:layout_width="match_parent" android:layout_height="match_parent" /> <Button android:id="@+id/btn" android:layout_width="match_parent" android:layout_height="40dp" android:text="加載網(wǎng)頁(yè)" android:layout_alignParentBottom="true" android:background="#e5e5e5"/></RelativeLayout>
執(zhí)行效果如下所示:

以上所述是小編給大家介紹的使用Timer實(shí)現(xiàn)網(wǎng)頁(yè)勻速加載的進(jìn)度條樣式,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選