android 标题栏进度圈使用方法,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:layout_centerVertical="true"/>

android:layout_width="fill_parent" android:layout_height="2sp"

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("https://www.jb51.net");

}