Android--自定义标题栏之显示网页加载进度

这阵子在做Lephone的适配，测试组提交一个bug：标题栏的文字较长时没有显示完全，其实这并不能算个bug，并且这个问题在以前其他机器也没有出现，只是说在Lephone的这个平台上显示得不怎么美观，因为联想将原生的标题栏UI进行了修改。修改的过程中遇到了一个难题，系统自带的那个标题栏进度总能够到达100%后渐退，但是我每次最后到100%那一段显示不全，尝试了用线程程序死了卡主了不说，还是一样的效果，后来同事一句话提醒了我用动画。确实是这样我猜系统的也是这样实现的，等进度到达100%后，用动画改变它的透明度就ok了。

实现的效果：标题栏显示网页标题并且滚动，并且用进度条显示网页的加载进度（重新自定义标题栏，lephone修改后的都带有一个返回按钮，并且标题文本和进度条是Frame布局的不怎么好看）。

1、首先定义一个RelativeLayout布局文件 broser_custom_title.xml (AlwaysMarqueeTextView这个类重写了TextView，实现一个跑马灯的效果，网上能够找到

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

< com.android.CustomTitleTest.AlwaysMarqueeTextView
android:id ="@+id/tvtitle"
android:layout_width ="fill_parent"
android:layout_height ="wrap_content" android:focusableInTouchMode ="true"
android:singleLine ="true" android:ellipsize ="marquee"
android:focusable ="false" android:marqueeRepeatLimit ="marquee_forever"
android:layout_centerVertical ="true" />

< ProgressBar android:id ="@+id/pb"
android:layout_width ="fill_parent" android:layout_height ="2sp"
style ="?android:attr/progressBarStyleHorizontal"
android:visibility ="gone" android:layout_alignParentBottom ="true"
></ ProgressBar >
</ RelativeLayout >

2、继承WebChromeClient,重写onProgressChanged和onReceivedTitle事件（进度条加载完成后使用动画渐退）

public class MyWebChromeClient extends WebChromeClient {

private Activity activity;
private ProgressBar pb;
private TextView tvtitle;
public MyWebChromeClient(Activity activity) {
this .activity = activity;
}
Animation animation;
@Override
public void onProgressChanged(WebView view, int newProgress) {
pb = (ProgressBar)activity.findViewById(R.id.pb);
pb.setMax( 100 );
if (newProgress < 100 ){
if (pb.getVisibility() == View.GONE)
pb.setVisibility(View.VISIBLE);
pb.setProgress(newProgress);
} else {
pb.setProgress( 100 );
animation = AnimationUtils.loadAnimation(activity, R.anim.animation);
// 运行动画 animation
pb.startAnimation(animation);
// 将 spinner 的可见性设置为不可见状态
pb.setVisibility(View.INVISIBLE);
}

super .onProgressChanged(view, newProgress);
}

@Override
public void onReceivedTitle(WebView view, String title) {
tvtitle = (TextView)activity.findViewById(R.id.tvtitle);
tvtitle.setText(title);
super .onReceivedTitle(view, title);
}

}

3、进度条的动画样式 res/anim/animation.xml

<? xml version="1.0" encoding="utf-8" ?>

< set xmlns:android ="http://schemas.android.com/apk/res/android" >

< alpha android:fromAlpha ="1.0" android:toAlpha ="0.0" android:duration ="700" />
</ set >

4、码设置自定义的标题栏

private WebView browser;
@Override
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
getWindow().requestFeature(Window.FEATURE_CUSTOM_TITLE);
setContentView(R.layout.main);
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.broser_custom_title);
browser = (WebView) findViewById(R.id.my_browser);
// currentWebView=browser;
browser.setWebChromeClient( new MyWebChromeClient(Main. this ));
browser.loadUrl( " http://www.163.com " );
}

转载于:https://www.cnblogs.com/jico/archive/2011/05/03/2035536.html