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

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

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

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

 
 
   
  
      
  
    
  
  
  xmlns:Android="http://schemas.android.com/apk/res/android"   
  
    android:layout_width="fill_parent"   
  
    android:layout_height="fill_parent">    
  
          
  
  
            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:textSize="20sp"   
  
   android:layout_centerVertical="true"/>    
  
        
  
  
         android:layout_width="fill_parent"   
  
   android:layout_height="wrap_content"   
  
          style="?android:attr/progressBarStyleHorizontal"   
  
          android:visibility="gone"   
  
   android:layout_alignParentBottom="true"   
  
     
  
                  >

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

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

【编辑推荐】

深入理解Android消息处理系统原理
Android用户界面设计：框架布局
Android游戏开发：如何实现爆炸效果
盘点Android开发者必备的十大开发工具
Android设计趋势分析10则

当前名称：Android自定义标题栏：显示网页加载进度
分享网址：http://www.shufengxianlan.com/qtweb/news24/426474.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容