Android下拉刷新PtrFrameLayout的使用实例代码

1.介绍:

  1. 可以包含所有的控件 :ListView, GridView, ScrollView, FrameLayout, 甚至 TextView.
  2. 可以自定义刷新头(这点非常实用)
  3. 使用简单方便

不足就是不支持上拉加载.

2.使用

首先添加依赖到项目

compile 'in.srain.cube:ultra-ptr:1.0.11'

在Xml中使用

<in.srain.cube.views.ptr.PtrFrameLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:id="@+id/food_refreshLayout"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 app:ptr_resistance="1.7"       //设置下拉的阻尼系数,值越大感觉越难下拉
 app:ptr_ratio_of_header_height_to_refresh="1.2"  //设置超过头部的多少时,释放可以执行刷新操作
 app:ptr_duration_to_close="200"        //:设置下拉回弹的时间
 app:ptr_duration_to_close_header="300"  //设刷新完成,头部回弹时间,注意和前一个进行区别
 app:ptr_keep_header_when_refresh="true"  //设置刷新的时候是否保持头部
 app:ptr_pull_to_fresh="false">    //设置下拉过程中执行刷新,我们一般设置为false

 <ScrollView
   android:layout_width="match_parent"
   android:layout_height="match_parent"
  >
  </ScrollView>

</in.srain.cube.views.ptr.PtrFrameLayout>

在代码中使用

在代码中使用非常简单,简单几部搞定:

1.找到控件,添加头部刷新布局

mFoodRefreshLayout = (PtrFrameLayout) findViewById(R.id.food_refreshLayout);
//这里是一个自定义的头部刷新布局,自带的也有一个布局  new PtrDefaultHandler();
PtrClassicHeader header = new PtrClassicHeader(this);
//将头布局添加
mFoodRefreshLayout.addPtrUIHandler(header);

2.不仅仅是添加头布局,还需要设置到控件中 注:特别重要,不然没显示

mFoodRefreshLayout.setHeaderView(header); //设置刷新头布局

3.给刷新控件设置下拉监听

mFoodRefreshLayout.setPtrHandler(new PtrHandler() {
 @Override
 public void onRefreshBegin(PtrFrameLayout frame) {
  //在这里写自己下拉刷新数据的请求
  //需要结束刷新头
   mFoodRefreshLayout.refreshComplete();
 }

 @Override
 public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) {
   // 默认实现,根据实际情况做改动
   return PtrDefaultHandler.checkContentCanBePulledDown(frame, content, header);
 }
});

3.自定义请求头

上面是对基本使用进行了介绍,相信大家在使用下拉刷新时都需要用到自定义布局,其实也很简单,在上面代码添加刷新头时就创建自定义的头部即可,下面对自定义头部的几个方法做简单介绍:

public class PtrClassicHeader extends FrameLayout implements PtrUIHandler{ //实现接口
  private ImageView mPush;
  //在代码创建对象
  public PtrClassicHeader(Context context) {
    super(context);
    initView();
  }
  public PtrClassicHeader(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView();
  }
  public PtrClassicHeader(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    initView();
  }

  //初始化自定义布局文件
  private void initView() {
  //这里加载自定义的布局文件
  View header =  LayoutInflater.from(getContext()).inflate(R.layout.item_push_header_layout, this);
  //找到布局内部的控件
    mPush = (ImageView) header.findViewById(R.id.header_iv);
  }

  //定义一个动画,方便下面的调用
  public void initAnim(){
    ObjectAnimator anim = ObjectAnimator.ofFloat(mPush, "rotation", 0f, 180f);
    anim.setDuration(500);
    anim.start();

  }
  //初始化状态
  @Override
  public void onUIReset(PtrFrameLayout frame) {
    //这个方法可以不用管  也可以在这里关闭动画
  }

  //开始向下拉的时候调用
  @Override
  public void onUIRefreshPrepare(PtrFrameLayout frame) {
      initAnim(); //这里可以执行动画效果
  }

  //刷新过程时调用
  @Override
  public void onUIRefreshBegin(PtrFrameLayout frame) {
      //可以不断的改变动画效果以及切换显示的控件
      //判断是否可以刷新
    if (frame.isPullToRefresh()) {
      mTitleTextView.setText("释放刷新");
    } else {
      mTitleTextView.setText("下拉加载");
    }
  }

  //刷新完成后调用,向上移动时调用
  @Override
  public void onUIRefreshComplete(PtrFrameLayout frame) {
    //可以不断的改变动画效果以及切换显示的控件
     mTitleTextView.setText("加载中...");
    animationDrawable.stop(); //模拟动画
    animationDrawable.start();
  }

  //重复下拉
  @Override
  public void onUIPositionChange(PtrFrameLayout frame, boolean isUnderTouch, byte status, PtrIndicator ptrIndicator) {
    //在同一次下拉中不断向上向下移动,这里可以不断改变显示效果
    //示例代码: 可以当模板使用
    final int mOffsetToRefresh = frame.getOffsetToRefresh();
    final int currentPos = ptrIndicator.getCurrentPosY(); //获取到下拉的高度
    final int lastPos = ptrIndicator.getLastPosY();   //最大下拉的高度
    //根据下拉的位置进行控件的显示
    if (currentPos < mOffsetToRefresh && lastPos >= mOffsetToRefresh) {
      if (isUnderTouch && status == PtrFrameLayout.PTR_STATUS_PREPARE) {
        crossRotateLineFromBottomUnderTouch(frame); //调用方法
      }
    } else if (currentPos > mOffsetToRefresh && lastPos <= mOffsetToRefresh) {
      if (isUnderTouch && status == PtrFrameLayout.PTR_STATUS_PREPARE) {
        crossRotateLineFromTopUnderTouch(frame); //调用方法
      }
    }
  }
  //下拉到可以刷新时显示
  private void crossRotateLineFromTopUnderTouch(PtrFrameLayout frame) {
    if (!frame.isPullToRefresh()) {
      mTitleTextView.setText("释放刷新");
    }
  }
  //动态改变文字
  private void crossRotateLineFromBottomUnderTouch(PtrFrameLayout frame) {
    if (frame.isPullToRefresh()) {
      mTitleTextView.setText("释放刷新");
    } else {
      mTitleTextView.setText("下拉加载");
    }
  }
  }
}

4.解决冲突

ViewPager滑动冲突: 直接调用: disableWhenHorizontalMove()

如有不懂可查看:https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh/blob/master/README-cn.md

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

(0)

相关推荐

  • FrameLayout和Fragment处理Android应用UI布局实例

    将Fragment与Layout结合使用,一般都是主Activity以frame填充Activity的方式交互管理Fragment : 1.由于用到getSupportFragmentManager()之类,所以主Activity的extends需为FragmentActivity: public class MainActivity extends FragmentActivity{ .......... } 2.主Activity的layout(xml文件)中建立多个Frame并定义其And

  • 基于AnDroid FrameLayout的使用详解

    今天在学习实现墨迹天气那样的拖动效果时,看到用的是重写FrameLayout.翻了翻书,突然想明白,为什么用FrameLayout.在FrameLayout中,用我看的书中的话说是,空间永远用不完. 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?><FrameLayout    xmlns:android="http://schemas.android.com/apk/res/androi

  • 简析Android五大布局(LinearLayout、FrameLayout、RelativeLayout等)

    Android的界面是有布局和组件协同完成的,布局好比是建筑里的框架,而组件则相当于建筑里的砖瓦.组件按照布局的要求依次排列,就组成了用户所看见的界面.Android的五大布局分别是LinearLayout(线性布局).FrameLayout(单帧布局).RelativeLayout(相对布局).AbsoluteLayout(绝对布局)和TableLayout(表格布局). 布局一:LinearLayout LinearLayout按照垂直或者水平的顺序依次排列子元素,每一个子元素都位于前一个元

  • Android布局之FrameLayout帧布局

    前言 作为android六大布局中最为简单的布局之一,该布局直接在屏幕上开辟出了一块空白区域, 当我们往里面添加组件的时候,所有的组件都会放置于这块区域的左上角; 帧布局的大小由子控件中最大的子控件决定,如果都组件都一样大的话,同一时刻就只能能看到最上面的那个组件了! 当然我们也可以为组件添加layout_gravity属性,从而制定组件的对其方式 帧布局在游戏开发方面用的比较多,等下后面会给大家演示一下比较有意思的两个实例 (-)帧布局简介 帧布局容器为每个加入的其中的组件创建一个空白的区域称

  • Android自定义View设定到FrameLayout布局中实现多组件显示的方法 分享

    如果想在自定义的View上面显示Button 等View组件需要完成如下任务 1.在自定义View的类中覆盖父类的构造(注意是2个参数的) 复制代码 代码如下: public class MyView2 extends View{ public MyView2(Context context,AttributeSet att) {super(context,att); } public void onDraw(Canvas c) { // 这里绘制你要的内容 } } 2.定义布局文件 复制代码

  • Android入门之RelativeLayout、FrameLayout用法分析

    本文讲述的是Android中RelativeLayout.FrameLayout的用法.具体如下: RelativeLayout是一个按照相对位置排列的布局,跟AbsoluteLayout这个绝对坐标布局是个相反的理解. 在RelativeLayout布局里的控件包含丰富的排列属性: Layout above:选择ID A,则该控件在A控件的上方, Layout below.Layout to left of.等同样用法.使用 RelativeLayout布局的时候,最好在界面设计时 做好布局,

  • Android常用布局(FrameLayout、LinearLayout、RelativeLayout)详解

    很多开发者一听说Android终端的屏幕尺寸五花八门,屏幕分辨率千奇百怪,就觉得Android开发在屏幕适配方面是必定是一件头疼的事情.因为在Android问世之前,广大开发者知道的UI解决方案大致分为两类: 1.在Web开发中的CSS,一层一层的去层叠样式. 2.在iOS开发中去计算每一个UIView的尺寸. 上面两种方案,无论哪种方案面对碎片化严重的Android终端,那都是一场噩梦.好在Android提供了另一套解决方案来应对严重的终端碎片化,这就是布局和9-patch. 这里想来说说布局

  • Android布局之帧布局FrameLayout详解

    FrameLayout 在这个布局中,所有的子元素都不能被指定放置的位置,他们统统防御这块区域的左上角, 并且后面的子元素直接覆盖在前面的子元素之上,将前面的子元素部分和全部遮挡. 用途 常用于进度条的表示 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" a

  • Android下拉刷新PtrFrameLayout的使用实例代码

    1.介绍: 可以包含所有的控件 :ListView, GridView, ScrollView, FrameLayout, 甚至 TextView. 可以自定义刷新头(这点非常实用) 使用简单方便 不足就是不支持上拉加载. 2.使用 首先添加依赖到项目 compile 'in.srain.cube:ultra-ptr:1.0.11' 在Xml中使用 <in.srain.cube.views.ptr.PtrFrameLayout xmlns:android="http://schemas.a

  • Android下拉刷新控件PullToRefresh实例解析

    Android中很多时候都会用到上下拉刷新,这是一个很常用的功能,Android的v4包中也为我们提供了一种原生的下拉刷新控件--SwipeRefreshLayout,可以用它实现一个简洁的刷新效果,但今天我们的主角并不是它,而是一个很火的第三方的上下拉刷新控件--PullToRefresh.PullToRefresh包括PullToRefreshScrollView.PullToRefreshListView.PullToRefreshGridView等等很多为我们提供的控件,我们可以在xml

  • Android下拉刷新上拉加载控件(适用于所有View)

    前面写过一篇关于下拉刷新控件的文章下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能.不仅如此,我已经把它改成了对所有View都通用!可以随心所欲使用这两个功能~~ 我做了一个大集合的demo,实现了ListView.GridView.ExpandableListView.ScrollView.WebView.ImageView.TextView的下拉刷新和上拉加载.后面会提供demo的

  • jquery实现下拉框功能效果【实例代码】

    说不清楚,直接上图 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; paddin

  • Android中ListView下拉刷新的实现方法实例分析

    本文实例讲述了Android中ListView下拉刷新的实现方法.分享给大家供大家参考,具体如下: ListView中的下拉刷新是非常常见的,也是经常使用的,看到有很多同学想要,那我就整理一下,供大家参考.那我就不解释,直接上代码了. 这里需要自己重写一下ListView,重写代码如下: package net.loonggg.listview; import java.util.Date; import android.content.Context; import android.util.

  • Android下拉刷新框架实现代码实例

    前段时间项目中用到了下拉刷新功能,之前在网上也找到过类似的demo,但这些demo的质量参差不齐,用户体验也不好,接口设计也不行.最张没办法,终于忍不了了,自己就写了一个下拉刷新的框架,这个框架是一个通用的框架,效果和设计感觉都还不错,现在分享给各位看官. 一. 关于下拉刷新 下拉刷新这种用户交互最早由twitter创始人洛伦•布里切特(Loren Brichter)发明,有理论认为,下拉刷新是一种适用于按照从新到旧的时间顺序排列feeds的应用,在这种应用场景中看完旧的内容时,用户会很自然地下

  • Android下拉刷新控件SwipeRefreshLayout源码解析

    SwipeRefreshLayout是Android官方的下拉刷新控件,使用简单,界面美观,不熟悉的朋友可以随便搜索了解一下,这里就不废话了,直接进入正题. 首先给张流程图吧,标出了几个主要方法的作用,可以结合着看一下哈. 这种下拉刷新控件的原理不难,基本就是监听手指的运动,获取手指的坐标,通过计算判断出是哪种操作,然后就是回调相应的接口了.SwipeRefreshLayout是继承自ViewGroup的,根据Android的事件分发机制,触摸事件应该是先传递到ViewGroup,根据onInt

  • Android下拉刷新SwipeRefreshLayout控件使用方法

    我们知道现在的material design十分的流行,而SwipeRefreshLayout 就是原生的一个效果(也是Facebook下拉刷新效果)SwipeRefreshLayout 是一个下拉刷新控件,几乎可以包裹一个任何可以滚动的内容(ListView GridView ScrollView RecyclerView),可以自动识别垂直滚动手势.使用起来非常方便. 他强大到可以有很多个子view来继承,进而可以实现不同效果(博主未研究) 话不多说先来看图 看到上面那个绿色的小圆圈没?就是

  • Android下拉刷新官方版

    网上关于下拉刷新的文章也不少,不过都太长了.恰好发现了官方的下拉刷新库,而且效果还是不错的,简洁美观,用得也挺方便. 下面是效果图: 我的好友原来是空的,刷新后多了两个. 使用还是挺方便的,在布局文件中加入SwipeRefreshLayout ,这个就是下拉刷新的布局. 我在SwipeRefreshLayout的里面还加入了一个ListView 因为我主要用下拉刷新更新了listView里面的内容 . 布局文件: <RelativeLayout xmlns:android="http://

  • android下拉刷新ListView的介绍和实现代码

    大致上,我们发现,下拉刷新的列表和一般列表的区别是,当滚动条在顶端的时候,再往下拉动就会把整个列表拉下来,显示出松开刷新的提示.由此可以看出,在构建这个下拉刷新的组件的时候,只用继承ListView,然后重写onTouchEvent就能实现.还有就是要能在xml布局文件中引用,还需要一个参数为Context,AttributeSet的构造函数. 表面上的功能大概就这些了.另一方面,刷新的行为似乎还没有定义,在刷新前做什么,刷新时要做什么,刷新完成后要做什么,这些行为写入一个接口中,然后让组件去实

随机推荐