Android自定义标题栏：显示网页加载进度-CFANZ编程社区

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

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

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

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout
3. "http://schemas.android.com/apk/res/android"
4. "fill_parent"
5. "fill_parent">
6. <com.android.CustomTitleTest
7. "@+id/tvtitle"
8. "fill_parent"
9. "wrap_content"
10. "true"
11. "true"
12. "marquee"
13. "false"
14. "marquee_forever"
15. "20sp"
16. "true"/>
17. "@+id/pb"
18. "fill_parent"
19. "wrap_content"
20. "?android:attr/progressBarStyleHorizontal"
21. "gone"
22. "true"
23. 
24. ></ProgressBar>
25. </RelativeLayout>

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

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

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

1. <?xml version="1.0" encoding="utf-8"?>
2. <set xmlns:android="http://schemas.android.com/apk/res/android">
3. <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="700"/>
4. </set>

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

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