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

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

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

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

 
 
 
      
  
  
  1.   
    2.   
  
  
  2.   
  
  
  3.   xmlns:Android="http://schemas.android.com/apk/res/android" 
    4.   
  
  
  4.   android:layout_width="fill_parent" 
    5.   
  
  
  5.   android:layout_height="fill_parent">  
    6.   
  
  
  6.         
  
  
  7.             android:id="@+id/tvtitle" 
    8.   
  
  
  8.             android:layout_width="fill_parent" 
    9.   
  
  
  9.             android:layout_height="wrap_content" 
    10.   
  
  
  10.  android:focusableInTouchMode="true" 
    11.   
  
  
  11.             android:singleLine="true" 
    12.   
  
  
  12.  android:ellipsize="marquee" 
    13.   
  
  
  13.             android:focusable="false" 
    14.   
  
  
  14.  android:marqueeRepeatLimit="marquee_forever" 
    15.   
  
  
  15.             android:textSize="20sp" 
    16.   
  
  
  16.  android:layout_centerVertical="true"/>  
    17.   
  
  
  17.       
  
  
  18.          android:layout_width="fill_parent" 
    19.   
  
  
  19.  android:layout_height="wrap_content" 
    20.   
  
  
  20.         style="?android:attr/progressBarStyleHorizontal" 
    21.   
  
  
  21.         android:visibility="gone" 
    22.   
  
  
  22.  android:layout_alignParentBottom="true" 
    23.   
  
  
  23.  
    24.   
  
  
  24.                 >  
    25.   
  
  
  25.  
    26.

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

 
 
 
      
  
  
  1. public class MyWebChromeClient extends WebChromeClient {  
    2.   
  
  
  2.     private Activity activity;  
    3.   
  
  
  3.     private ProgressBar pb;  
    4.   
  
  
  4.     private TextView tvtitle;  
    5.   
  
  
  5.     public MyWebChromeClient(Activity activity) {  
    6.   
  
  
  6.         this.activity = activity;  
    7.   
  
  
  7.     }  
    8.   
  
  
  8.     Animation animation;  
    9.   
  
  
  9.       @Override 
    10.   
  
  
  10.     public void onProgressChanged(WebView view, int newProgress) {  
    11.   
  
  
  11.         pb=(ProgressBar)activity.findViewById(R.id.pb);  
    12.   
  
  
  12.         pb.setMax(100);  
    13.   
  
  
  13.         if(newProgress<100){  
    14.   
  
  
  14.             if(pb.getVisibility()==View.GONE)  
    15.   
  
  
  15.                 pb.setVisibility(View.VISIBLE);  
    16.   
  
  
  16.             pb.setProgress(newProgress);  
    17.   
  
  
  17.         }else{  
    18.   
  
  
  18.             pb.setProgress(100);  
    19.   
  
  
  19.             animation=AnimationUtils.loadAnimation(activity, R.anim.animation);  
    20.   
  
  
  20.             // 运行动画 animation  
    21.   
  
  
  21.               pb.startAnimation(animation);  
    22.   
  
  
  22.               // 将 spinner 的可见性设置为不可见状态  
    23.   
  
  
  23.               pb.setVisibility(View.INVISIBLE);  
    24.   
  
  
  24.          }  
    25.   
  
  
  25.                 super.onProgressChanged(view, newProgress);  
    26.   
  
  
  26.     }  
    27.   
  
  
  27.     @Override 
    28.   
  
  
  28.     public void onReceivedTitle(WebView view, String title) {  
    29.   
  
  
  29.         tvtitle=(TextView)activity.findViewById(R.id.tvtitle);  
    30.   
  
  
  30.         tvtitle.setText(title);  
    31.   
  
  
  31.         super.onReceivedTitle(view, title);  
    32.   
  
  
  32.     }  
    33.   
  
  
  33. } 
    34.

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

 
 
 
      
  
  
  1.  
    2.   
  
  
  2.      
    3.   
  
  
  3.           
    4.   
  
  
  4.     
    5.

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

 
 
 
      
  
  
  1. private WebView browser;  
    2.   
  
  
  2. @Override 
    3.   
  
  
  3. public void onCreate(Bundle savedInstanceState)  
    4.   
  
  
  4.       super.onCreate(savedInstanceState);  
    5.   
  
  
  5.     getWindow().requestFeature(Window.FEATURE_CUSTOM_TITLE);  
    6.   
  
  
  6.     setContentView(R.layout.main);  
    7.   
  
  
  7.     getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.broser_custom_title);  
    8.   
  
  
  8.     browser = (WebView) findViewById(R.id.my_browser);  
    9.   
  
  
  9.     // currentWebView=browser;  
    10.   
  
  
  10.     browser.setWebChromeClient(new MyWebChromeClient(Main.this));  
    11.   
  
  
  11.     browser.loadUrl("http://www.163.com");  
    12.   
  
  
  12. } 
    13.

【编辑推荐】

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

分享题目：Android自定义标题栏：显示网页加载进度
网页链接：http://www.csdahua.cn/qtweb/news24/426474.html

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

广告

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

成都快上网为您推荐相关内容

营销型网站建设知识

同城分类信息

服务器租用　　 　成都企业注册服务　　 　金融行业网站建设方案　　 　做网站设计　　 　班戈纳美网站　　 　成都网站建设哪家好　　 　成都品牌网站设计　　 　全网品牌营销　　 　成都高电机柜租用　　 　名片印刷　　 　内江服务器托管　　 　上市集团网站建设　　 　成都网站推广　　 　成都学生服定制　　 　成都logo设计标志　　 　电商网站建设　　 　成都网站推广　　 　成都网站优化　　 　阿坝网站设计　　 　成都网站制作公司