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
   
     "
   
     );
 }