Android
发布时间:2022-04-28 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用Timer实现网页匀速加载的进度条样式,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在使用WebView加载网页时有时候网速等原因加载比较慢时,为了避免在加载网页的时候出现一片空白的区域,给用户很不好的体验感,我们往往在加载的时候添加一个进度条,使用户直观的感受到网页加载的进度,通常我们可以通过WebChromeClient里面的onProgressChanged()方法获取到当前的网页加载进度,但是当我们使用时会发现他的网页加载进度不是一点一点加载的,也许一下就加载到50%下一秒直接加载到80%,如果我们将其设置给progressBar看起来就很快而且很不顺畅,体验感较差,如下图所示加载的网页进度:
假如这样将其进度设置到progressBar的体验感就相当的差,如下图所示:
现在我们希望想要其在加载网页的时候希望给用户一种匀速加载的感觉,尽管他不是网页真正加载的进度,但我们只需要在网页刚开始加载后和网页加载结束前模拟一个匀速加载的效果,也就是重写WebViewClient的onPageStarted()方法,在其中开启一个定时器,重写onPageFinished(),将定时器关闭掉,达到匀速加载网页的效果,提到定时器,就不得不说一下相关的东西了。
简单来说就分成两个东西,一个Timer,另外一个就是timer的所要执行的计划或者说是任务(Task),将这个任务(task)设置给定时器(timer),告诉定时器(timer)什么时候执行任务(Task),而任务就是我们要要干的事,可以这样说定时器想一个闹钟(Timer),任务相当于我们起床(任务Task),当闹钟执行到我们设置的时间时(schedulE),就提醒我们该起床了
Timer执行指定的任务可以有一下几种方法
@H_
616_28@
//在指定的时间执行指定的任务。
public void
schedule(TimerTask task,Date when)
{}
//延迟指定时间
后执行指定的任务
public void
schedule(TimerTask task,long delay)
{}
//按设置延迟时间和时间间隔重复执行指定的任务
public void
schedule(TimerTask task,long delay,long period)
{}
//在指定的时间和时间间隔重复执行指定的任务
public void
schedule(TimerTask task,Date when,long period)
{}
在onPageStarted()我们通过开启一个定时器,每隔50ms开始progress+1,直到onPageFinished()取消定时器
package com.example.timerdemo;
@H_
616_28@
import java.uti
l.Timer;
import java.uti
l.TimerTask;
import android.app.Activity;
import android.graphics
.bitmap;
import android
.os
.bundle;
import android.uti
l.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(
);
privat
E int currentProgress = 0;
String url = "
http://appagent.gyfc.net.cn/NewHouse/index";
@Override
protected void onCreate(Bundle savedInstanceStat
E) {
super
.onCreate(savedInstanceStat
E);
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(Web
View view,
int newProgress)
{
super
.onProgressChanged(view,newProgress
);
if (newProgress == 100)
{
stopTi
Metask(
);
progressbar.setVisibility(View.GON
E);
} 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(Web
View view,
String url,Bitmap favicon)
{ super
.onPageStarted(view,url,favicon
);
startTi
Metask(
);
}
@Override
public void onPageFinished(Web
View view,
String url)
{
// TODO Auto-generated method
stub
super
.onPageFinished(view,url
);
stopTi
Metask(
);
}
}
/
**
* 启动定时器
*/
private void startTi
Metask()
{
stopTi
Metask(
);
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
{
stopTi
Metask(
);
}
}
}
);
}
},50
);
}
/
**
*
关闭定时器
*/
private void stopTi
Metask()
{
if (timer
!= null)
{
timer.cancel(
);
timer = null;
}
}
}
@H_
616_28@
<RelativeLayout
xmlns:android="
http://
scheR_976_11845@a
s.android.com/apk/res/android"
xmlns:tools="
http://
scheR_976_11845@a
s.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:layou
T_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="加载网页"
android:layout_alignParentBottom="true"
android:
BACkground="#e5e5e5"/>
</RelativeLayout>
执行效果如下所示:
以上所述是小编给大家介绍的使用Timer实现网页匀速加载的进度条样式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!
大佬总结
以上是大佬教程为你收集整理的使用Timer实现网页匀速加载的进度条样式全部内容,希望文章能够帮你解决使用Timer实现网页匀速加载的进度条样式所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。