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

 更新时间:2013年06月03日 10:18:25   转载 作者:  
Android 自定义标题栏 显示网页加载进度的方法实例,需要的朋友可以参考一下

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

相关文章

  • Android App中实现向右滑动销毁功能的要点解析

    Android App中实现向右滑动销毁功能的要点解析

    这篇文章主要介绍了Android应用中实现向右滑动销毁条目功能的要点解析,有些类似于iOS App中的滑动页面删除效果,需要的朋友可以参考下
    2016-04-04
  • React-Native中一些常用组件的用法详解(二)

    React-Native中一些常用组件的用法详解(二)

    这篇文章主要跟大家介绍了关于React-Native中一些常用组件的用法的相关资料,其中详细介绍了关于ScrollView组件、ListView组件、Navigator组件、TableBarIOS组件以及网络请求等相关内容,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-06-06
  • 如何使用Flutter开发一款电影APP详解

    如何使用Flutter开发一款电影APP详解

    这篇文章主要给大家介绍了关于如何使用Flutter开发一款电影APP的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • Android通过ViewModel保存数据实现多页面的数据共享功能

    Android通过ViewModel保存数据实现多页面的数据共享功能

    这篇文章主要介绍了Android通过ViewModel保存数据实现多页面的数据共享功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • Flutter Android端启动白屏问题的解决

    Flutter Android端启动白屏问题的解决

    Flutter 应用在 Android 端上启动时会有一段很明显的白屏现象,白屏的时长由设备的性能决定,设备性能越差,白屏时间越长。这篇文章主要介绍了Flutter Android端启动白屏问题的解决。感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android编程之文件读写操作与技巧总结【经典收藏】

    Android编程之文件读写操作与技巧总结【经典收藏】

    这篇文章主要介绍了Android编程之文件读写操作与技巧,结合实例形式总结分析了Android常见的文件与目录的读写操作,及相关函数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • Kotlin编写Android适配器Adapter

    Kotlin编写Android适配器Adapter

    这篇文章主要为大家详细介绍了Kotlin编写Android适配器Adapter的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Android列表实现(2)_游标列表案例讲解

    Android列表实现(2)_游标列表案例讲解

    最近开始学习android的ui 游标列表实现,先上几个相关的例子,后续还会有更新,感兴趣的朋友可以研究下
    2012-12-12
  • Android应用中图片浏览时实现自动切换功能的方法详解

    Android应用中图片浏览时实现自动切换功能的方法详解

    这篇文章主要介绍了Android应用中图片浏览时实现自动切换功能的方法,文中还讲解了一个触摸大图进行图片切换的深入功能,需要的朋友可以参考下
    2016-04-04
  • Android中TabLayout+ViewPager实现tab和页面联动效果

    Android中TabLayout+ViewPager实现tab和页面联动效果

    本篇文章主要介绍了Android中TabLayout+ViewPager实现tab和页面联动效果,具有一定的参考价值,有兴趣的可以了解一下
    2017-06-06

最新评论