欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 自定义标题栏 显示网页加载进度的方法实例

程序员文章站 2023-11-12 10:31:22
这阵子在做lephone的适配,测试组提交一个bug:标题栏的文字较长时没有显示完全,其实这并不能算个bug,并且这个问题在以前其他机器也没有出现,只是说在lephone的...

这阵子在做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("//www.jb51.net");
    }