Android Material加载进度条制作代码

 更新时间:2017年01月24日 09:28:18   作者:chenzheng8975  
这篇文章主要为大家详细介绍了AndroidMaterial加载进度条的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近看了几款APP的加载进度都是这种风格,感觉还不错,在网上找了一些资料,自己小练兵了一把:

主要运用的开源框架:
/ViewPagerIndicator_library  主要就是tab页切换指示器
/ptr-lib 进度条 下载地址:https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh

一、使用方法

布局文件

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:background="@color/bg_color" 
  android:orientation="vertical" > 
 
  <in.srain.cube.views.ptr.PtrFrameLayout 
    xmlns:cube_ptr="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/material_style_ptr_frame" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    cube_ptr:ptr_duration_to_close="100" 
    cube_ptr:ptr_duration_to_close_header="100" 
    cube_ptr:ptr_keep_header_when_refresh="true" 
    cube_ptr:ptr_pull_to_fresh="false" 
    cube_ptr:ptr_ratio_of_header_height_to_refresh="1.2" 
    cube_ptr:ptr_resistance="1.7" > 
 
    <ListView 
      android:id="@+id/article_listview" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:cacheColorHint="#00000000" 
      android:divider="@color/line" 
      android:dividerHeight="10dp" /> 
  </in.srain.cube.views.ptr.PtrFrameLayout> 
 
</LinearLayout>

在java代码中进行控件声明,设置相关参数

mPtrFrameLayout = (PtrFrameLayout) mRootView.findViewById(R.id.material_style_ptr_frame); 
     
    // header 
    final MaterialHeader header = new MaterialHeader(getActivity()); 
    int[] colors = getResources().getIntArray(R.array.google_colors); 
    header.setColorSchemeColors(colors); 
    header.setLayoutParams(new PtrFrameLayout.LayoutParams(-1, -2)); 
    header.setPadding(0, Utils.dip2px(getActivity(), 15), 0, Utils.dip2px(getActivity(), 10)); 
    header.setPtrFrameLayout(mPtrFrameLayout); 
     
    mPtrFrameLayout.setPinContent(true); 
    mPtrFrameLayout.setLoadingMinTime(100); 
    mPtrFrameLayout.setDurationToCloseHeader(100); 
    mPtrFrameLayout.setHeaderView(header); 
    mPtrFrameLayout.addPtrUIHandler(header); 
    mPtrFrameLayout.setPtrHandler(new PtrHandler() { 
      @Override 
      public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) { 
        return PtrDefaultHandler.checkContentCanBePulledDown(frame, article_listview, header); 
      } 
 
      @Override 
      public void onRefreshBegin(final PtrFrameLayout frame) { 
        pageNum = 1; 
        doRequest(pageNum, true); 
      } 
    }); 

手动刷新:mPtrFrameLayout.autoRefresh();
结束刷新:mPtrFrameLayout.refreshComplete();
mPtrFrameLayout.setPinContent(true);这里可以根据个人喜好设置true或者false,true则在刷新的时候,将布局里的内容固定不动,false则是在刷新的时候进度条会将布局内容挤下来。
监听ListView是否滑动到底部,如果到达底部,则显示底部加载更多的进度条。

moreView = Finder.inflate(getActivity(), R.layout.loading_more_footer); 
    moreView.setVisibility(View.GONE); 
    article_listview = (ListView) mRootView.findViewById(R.id.article_listview); 
    article_listview.addFooterView(moreView); 
    adapter = new ArticleListAdapter(getActivity()); 
    article_listview.setAdapter(adapter); 
    article_listview.setOnItemClickListener(new OnItemClickListener() { 
 
      @Override 
      public void onItemClick(AdapterView<?> parent, View view, 
          int position, long id) { 
        Article article = (Article) adapter.getItem(position); 
        Intent intent = new Intent(getActivity(), 
            AppBrowserActivity.class); 
        intent.putExtra("w_url", article.getUrl()); 
        intent.putExtra("share_desc", article.getTitle()); 
        intent.putExtra("share_pic", article.getPicUrl()); 
        startActivity(intent); 
      } 
    }); 
    article_listview.setOnScrollListener(new OnScrollListener(){  
      @Override  
      public void onScrollStateChanged(AbsListView view, int scrollState){  
        // 当不滚动时  
        if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {  
          // 判断是否滚动到底部  
          if (view.getLastVisiblePosition() == view.getCount() - 1) { 
            //加载更多功能的代码  
            moreView.setVisibility(View.VISIBLE); 
            pageNum++; 
            doRequest(pageNum, false); 
          }  
        }  
      } 
 
      @Override 
      public void onScroll(AbsListView view, int firstVisibleItem, 
          int visibleItemCount, int totalItemCount) { 
        // TODO Auto-generated method stub 
         
      }  
    }); 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android开发可添加头尾的RecycleView的实现

    Android开发可添加头尾的RecycleView的实现

    这篇文章主要为大家介绍了Android开发可添加头尾的RecycleView的实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • Android全面屏适配与判断超详细讲解

    Android全面屏适配与判断超详细讲解

    这篇文章主要介绍了Android 全面屏适配及判断是否为全面屏,全面屏手势和虚拟导航栏的判断,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-01-01
  • Retrofit 创建网络请求接口实例过程

    Retrofit 创建网络请求接口实例过程

    这篇文章主要为大家介绍了Retrofit 创建网络请求接口实例过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • Android Volley框架使用方法详解

    Android Volley框架使用方法详解

    这篇文章主要为大家详细介绍了Android Volley框架使用方法,从网络请求和图片加载两大方面进行分析,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android创建服务之started service详细介绍

    Android创建服务之started service详细介绍

    这篇文章主要介绍了Android创建服务之started service,需要的朋友可以参考下
    2014-02-02
  • Android使用ContentResolver搜索手机通讯录的方法

    Android使用ContentResolver搜索手机通讯录的方法

    这篇文章主要介绍了Android使用ContentResolver搜索手机通讯录的方法,结合实例形式分析了Android中ContentResolver操作手机通讯录的具体步骤与相关实现技巧,需要的朋友可以参考下
    2016-01-01
  • Android中使用Notification实现状态栏的通知

    Android中使用Notification实现状态栏的通知

    本文主要介绍了android利用Notification实现状态栏的通知的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • flutter 微信聊天输入框功能实现

    flutter 微信聊天输入框功能实现

    这篇文章主要介绍了flutter 微信聊天输入框功能实现,本文通过实例图文相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • Android 第三方登录、分享(ShareSDK、友盟)

    Android 第三方登录、分享(ShareSDK、友盟)

    这篇文章主要为大家详细介绍了Android 第三方登录、分享,分别使用sharesdk和友盟来实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • android:descendantFocusability方法介绍

    android:descendantFocusability方法介绍

    开发中很常见的一个问题,项目中的listview不仅仅是简单的文字,常常需要自己定义listview,问题就出现了,可能会发生点击每一个item的时候没有反应,无法获取的焦点
    2012-11-11

最新评论