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

2016-02-19 09:32 39 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Android 自定义标题栏 显示网页加载进度的方法实例的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - 编程语言 】

这阵子在做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 {

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/bianchengyuyan/)

    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(newProgress100){
            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);
    }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/bianchengyuyan/)

    @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("http://www.tulaoshi.com");
    }

来源:http://www.tulaoshi.com/n/20160219/1591156.html

延伸阅读
标签: Delphi
  在你的应用程序中,你可能会希望将应用程序的标题栏进行闪动,以提醒用户进行某种操作,本文介绍了如何使一个窗口的标题栏进行闪动。  闪动一个窗口的标题栏意味着改变它的标题栏的外观,例如它从活动变为不活动,或是从不活动变为活动等等。只要你能在Delphi 或者 C++ Builder 中得到窗口的句柄,你就可以使用Windows 应...
在项目开发中,可能系统自带的一些widget不能满足我们的需求,这时就需要自定义View。 通过查看系统中的常用widget如Button,TextView,EditText,他们都继承自View,所以我们在继承自定义View的时候也自然的需要继承View。 1、首先新建一个类LView继承自View 代码如下: public class LView extends View {  private Paint paint; ...
标签: Web开发
如题。 想在当前页面的标题栏显示的标题为当前页面框架内页面的标题,请问该如何去做呢? 如页面A为: htmlheadtitle/title /headbody IFRAME width=100% height=100% frameborder=0 SCROLLING=no SRC='页面B'/IFRAME /body/html 要想在页面A的title与/title之间显示 页面B 的title标题,要如何去...
标签: 电脑入门
Excel中的筛选功能,方便我们查看各类数据,Excel的筛选方式,有自动筛选和高级筛选两种,其中,自动筛选,还可以使用自定义功能,下面给你讲解如何使用自定义筛选功能! 首先,如下图,是一个成绩表,有两科成绩,D列是总分列。 下面,我们要做的就是,如何筛选出总分大于等于160而小于等于180的总分? 方法不难,看下面的步骤。首先,注...
方法一 1.放在drawable下的selector.xml文件 代码如下: android="http://schemas.android.com/apk/res/Android"    android:drawable="@drawable/temp2" / 2.布局文件main.xml 代码如下: http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout...

经验教程

961

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部