查看: 479|回复: 0

[Android教程] Android下拉刷新PtrFrameLayout的使用实例代码

发表于 2017-11-28 08:00:01

1.介绍:

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

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

2.使用

首先添加依赖到项目

  1. compile 'in.srain.cube:ultra-ptr:1.0.11'
复制代码

在Xml中使用

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

在代码中使用

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

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

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

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

  1. mFoodRefreshLayout.setHeaderView(header); //设置刷新头布局
复制代码

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

  1. mFoodRefreshLayout.setPtrHandler(new PtrHandler() {
  2. @Override
  3. public void onRefreshBegin(PtrFrameLayout frame) {
  4. //在这里写自己下拉刷新数据的请求
  5. //需要结束刷新头
  6. mFoodRefreshLayout.refreshComplete();
  7. }
  8. @Override
  9. public boolean checkCanDoRefresh(PtrFrameLayout frame, View content, View header) {
  10. // 默认实现,根据实际情况做改动
  11. return PtrDefaultHandler.checkContentCanBePulledDown(frame, content, header);
  12. }
  13. });
复制代码

3.自定义请求头

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

  1. public class PtrClassicHeader extends FrameLayout implements PtrUIHandler{ //实现接口
  2. private ImageView mPush;
  3. //在代码创建对象
  4. public PtrClassicHeader(Context context) {
  5. super(context);
  6. initView();
  7. }
  8. public PtrClassicHeader(Context context, AttributeSet attrs) {
  9. super(context, attrs);
  10. initView();
  11. }
  12. public PtrClassicHeader(Context context, AttributeSet attrs, int defStyleAttr) {
  13. super(context, attrs, defStyleAttr);
  14. initView();
  15. }
  16. //初始化自定义布局文件
  17. private void initView() {
  18. //这里加载自定义的布局文件
  19. View header = LayoutInflater.from(getContext()).inflate(R.layout.item_push_header_layout, this);
  20. //找到布局内部的控件
  21. mPush = (ImageView) header.findViewById(R.id.header_iv);
  22. }
  23. //定义一个动画,方便下面的调用
  24. public void initAnim(){
  25. ObjectAnimator anim = ObjectAnimator.ofFloat(mPush, "rotation", 0f, 180f);
  26. anim.setDuration(500);
  27. anim.start();
  28. }
  29. //初始化状态
  30. @Override
  31. public void onUIReset(PtrFrameLayout frame) {
  32. //这个方法可以不用管 也可以在这里关闭动画
  33. }
  34. //开始向下拉的时候调用
  35. @Override
  36. public void onUIRefreshPrepare(PtrFrameLayout frame) {
  37. initAnim(); //这里可以执行动画效果
  38. }
  39. //刷新过程时调用
  40. @Override
  41. public void onUIRefreshBegin(PtrFrameLayout frame) {
  42. //可以不断的改变动画效果以及切换显示的控件
  43. //判断是否可以刷新
  44. if (frame.isPullToRefresh()) {
  45. mTitleTextView.setText("释放刷新");
  46. } else {
  47. mTitleTextView.setText("下拉加载");
  48. }
  49. }
  50. //刷新完成后调用,向上移动时调用
  51. @Override
  52. public void onUIRefreshComplete(PtrFrameLayout frame) {
  53. //可以不断的改变动画效果以及切换显示的控件
  54. mTitleTextView.setText("加载中...");
  55. animationDrawable.stop(); //模拟动画
  56. animationDrawable.start();
  57. }
  58. //重复下拉
  59. @Override
  60. public void onUIPositionChange(PtrFrameLayout frame, boolean isUnderTouch, byte status, PtrIndicator ptrIndicator) {
  61. //在同一次下拉中不断向上向下移动,这里可以不断改变显示效果
  62. //示例代码: 可以当模板使用
  63. final int mOffsetToRefresh = frame.getOffsetToRefresh();
  64. final int currentPos = ptrIndicator.getCurrentPosY(); //获取到下拉的高度
  65. final int lastPos = ptrIndicator.getLastPosY(); //最大下拉的高度
  66. //根据下拉的位置进行控件的显示
  67. if (currentPos < mOffsetToRefresh && lastPos >= mOffsetToRefresh) {
  68. if (isUnderTouch && status == PtrFrameLayout.PTR_STATUS_PREPARE) {
  69. crossRotateLineFromBottomUnderTouch(frame); //调用方法
  70. }
  71. } else if (currentPos > mOffsetToRefresh && lastPos <= mOffsetToRefresh) {
  72. if (isUnderTouch && status == PtrFrameLayout.PTR_STATUS_PREPARE) {
  73. crossRotateLineFromTopUnderTouch(frame); //调用方法
  74. }
  75. }
  76. }
  77. //下拉到可以刷新时显示
  78. private void crossRotateLineFromTopUnderTouch(PtrFrameLayout frame) {
  79. if (!frame.isPullToRefresh()) {
  80. mTitleTextView.setText("释放刷新");
  81. }
  82. }
  83. //动态改变文字
  84. private void crossRotateLineFromBottomUnderTouch(PtrFrameLayout frame) {
  85. if (frame.isPullToRefresh()) {
  86. mTitleTextView.setText("释放刷新");
  87. } else {
  88. mTitleTextView.setText("下拉加载");
  89. }
  90. }
  91. }
  92. }
复制代码

4.解决冲突

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

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

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



回复

使用道具 举报

关闭

站长推荐上一条 /1 下一条