android中SwipeRefresh實現(xiàn)各種上拉，下拉刷新示例

SwipeRefresh

成都創(chuàng)新互聯(lián)于2013年開始，先為膠州等服務(wù)建站，膠州等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為膠州企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

基于原生的SwipeRefreshLayout 做了封裝處理

此項目中包括種：

1.原生SwipeRefreshLayout（上拉可通過滾動監(jiān)聽實現(xiàn)）

2.自定義支持上拉刷新的組件

3.自定義支持ViewPage的刷新組件vpswipeRefreshLayout

4.RecyclerView+SwpieRefreshLayout實現(xiàn)下拉刷新效果同時實現(xiàn)上拉功能

android中SwipeRefresh實現(xiàn)各種上拉，下拉刷新示例

主界面

1.原生SwipeRefreshLayout（上拉可通過滾動監(jiān)聽實現(xiàn)）

除了OnRefreshListener接口外，SwipRefreshLayout中還有一些其他重要的方法，具體如下：

1、setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):設(shè)置手勢滑動監(jiān)聽器。

2、setProgressBackgroundColor(int colorRes):設(shè)置進度圈的背景色（已經(jīng)棄用）

setProgressBackgroundColorSchemeResource （可以）。

setProgressBackgroundColorSchemeColor（Color c） (可以)

3、setColorSchemeResources(int… colorResIds):設(shè)置進度動畫的顏色。

4、setRefreshing(Boolean refreshing):設(shè)置組件的刷洗狀態(tài)，顯示或者隱藏刷新進度條

5、setSize(int size):設(shè)置進度圈的大小，只有兩個值：DEFAULT、LARGE

6、postDelayed(new Runable(),long min) 設(shè)置刷新延遲時間

7、isRefreshing():檢查是否處于刷新狀態(tài)

android中SwipeRefresh實現(xiàn)各種上拉，下拉刷新示例

下拉刷新

布局，具體內(nèi)容如下：

<?xml version="1.0" encoding="utf-8"?>

Activity核心代碼如下：

swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipeLayout);
 /*加載的漸變動畫*/
    swipeRefreshLayout.setColorSchemeResources(R.color.swipe_color_1,
        R.color.swipe_color_2,
        R.color.swipe_color_3,
        R.color.swipe_color_4);
    swipeRefreshLayout.setSize(SwipeRefreshLayout.LARGE);;
    swipeRefreshLayout.setProgressBackgroundColor(R.color.swipe_background_color);
    //swipeRefreshLayout.setPadding(20, 20, 20, 20);
    //swipeRefreshLayout.setProgressViewOffset(true, 100, 200);
    //swipeRefreshLayout.setDistanceToTriggerSync(50);
    swipeRefreshLayout.setProgressViewEndTarget(true, 100);
    swipeRefreshLayout.setOnRefreshListener(new OnRefreshListener() {
      @Override
      public void onRefresh() {
        new Thread(new Runnable() {
          @Override
          public void run() {
            data.clear();
            for(int i=0;i<20;i++){
              data.add("SwipeRefreshLayout下拉刷新"+i);
            }
            try {
              Thread.sleep(5000);
            } catch (InterruptedException e) {
              e.printStackTrace();
            }
            mHandler.sendEmptyMessage(1);
          }
        }).start();
      }
    });
  //handler
  private Handler mHandler = new Handler(){
    @Override
    public void handleMessage(Message msg) {
      super.handleMessage(msg);
      switch (msg.what) {
      case 1:

        swipeRefreshLayout.setRefreshing(false);
        adapter.notifyDataSetChanged();
        //swipeRefreshLayout.setEnabled(false);
        break;
      default:
        break;
      }
    }
  };

原生實現(xiàn)上拉效果

通過監(jiān)聽滾動事件，對listview添加底部的組件實現(xiàn)上拉

implements AbsListView.OnScrollListener {···


 ···
 /**
     * 對listview添加底部的組件實現(xiàn)上拉
     */
    footerView = getLayoutInflater().inflate(R.layout.refresh_footview_layout, null);
    lv.addFooterView(footerView);
 /**
     * 設(shè)置滾動監(jiān)聽
     */
  lv.setOnScrollListener(this);

  /**
   * 重寫滾動方法
   * @param view
   * @param scrollState
   */
  @Override
  public void onScrollStateChanged(AbsListView view, int scrollState) {
    if (adapter.getCount() == visibleLastIndex && scrollState == SCROLL_STATE_IDLE) {
      Toast.makeText(this, "加載更多完成", Toast.LENGTH_SHORT).show();
      footerView.setVisibility(View.GONE);
      /*在此處加載更多數(shù)據(jù)*/
//      new LoadDataThread().start();
    }else {
      footerView.setVisibility(View.VISIBLE);
//      Toast.makeText(this, "加載更多...", Toast.LENGTH_SHORT).show();
    }

  }

2.自定義支持上拉刷新的組件

android中SwipeRefresh實現(xiàn)各種上拉，下拉刷新示例

上拉刷新

實現(xiàn)下拉和上拉監(jiān)聽

···AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener,
    RefreshLayout.OnLoadListener {
    ···

下拉和原先一樣用法：

 //下拉監(jiān)聽
    swipeLayout.setOnRefreshListener(this);
    //上拉監(jiān)聽
    swipeLayout.setOnLoadListener(this);

     /**
   * 上拉刷新
   */
  @Override
  public void onRefresh() {
    swipeLayout.postDelayed(new Runnable() {

      @Override
      public void run() {
        // 更新數(shù)據(jù) 更新完后調(diào)用該方法結(jié)束刷新
        list.clear();
        for (int i = 0; i < 8; i++) {
          HashMap map = new HashMap();
          map.put("itemImage", i + "刷新");
          map.put("itemText", i + "刷新");
          list.add(map);
        }
        adapter.notifyDataSetChanged();
        swipeLayout.setRefreshing(false);
      }
    }, 2000);

  }

  /**
   * 加載更多
   */
  @Override
  public void onLoad() {
    swipeLayout.postDelayed(new Runnable() {
      @Override
      public void run() {
        // 更新數(shù)據(jù) 更新完后調(diào)用該方法結(jié)束刷新
        swipeLayout.setLoading(false);
        for (int i = 1; i < 10; i++) {
          HashMap map = new HashMap();
          map.put("itemImage", i + "更多");
          map.put("itemText", i + "更多");
          list.add(map);
        }
        adapter.notifyDataSetChanged();
      }
    }, 2000);
  }

自定義組件如下：

/**
 * Created by huangshuyuan on 2017/3/9.
 * email:hshuuyuan@foxmail.com
 * version:v1.0
 * 
 * 自定義view
 */

/**
 * 繼承自SwipeRefreshLayout,從而實現(xiàn)滑動到底部時上拉加載更多的功能.
 */
public class RefreshLayout extends SwipeRefreshLayout implements
    OnScrollListener {
  /**
   * 滑動到最下面時的上拉操作
   */

  private int mTouchSlop;
  /**
   * listview實例
   */
  private ListView mListView;

  /**
   * 上拉監(jiān)聽器, 到了最底部的上拉加載操作
   */
  private OnLoadListener mOnLoadListener;

  /**
   * ListView的加載中footer
   */
  private View mListViewFooter;

  /**
   * 按下時的y坐標(biāo)
   */
  private int mYDown;
  /**
   * 抬起時的y坐標(biāo), 與mYDown一起用于滑動到底部時判斷是上拉還是下拉
   */
  private int mLastY;
  /**
   * 是否在加載中 ( 上拉加載更多 )
   */
  private boolean isLoading = false;

  /**
   * @param context
   */
  public RefreshLayout(Context context) {
    this(context, null);
  }

  @SuppressLint("InflateParams")
  public RefreshLayout(Context context, AttributeSet attrs) {
    super(context, attrs);

    mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();

    mListViewFooter = LayoutInflater.from(context).inflate(
        R.layout.listview_footer, null, false);
  }

  @Override
  protected void onLayout(boolean changed, int left, int top, int right,
              int bottom) {
    super.onLayout(changed, left, top, right, bottom);
    // 初始化ListView對象
    if (mListView == null) {
      getListView();
    }
  }

  /**
   * 獲取ListView對象
   */
  private void getListView() {
    int childs = getChildCount();
    if (childs > 0) {
      View childView = getChildAt(0);
      if (childView instanceof ListView) {
        mListView = (ListView) childView;
        // 設(shè)置滾動監(jiān)聽器給ListView, 使得滾動的情況下也可以自動加載
        mListView.setOnScrollListener(this);
        Log.d(VIEW_LOG_TAG, "### 找到listview");
      }
    }
  }

  /*
   * (non-Javadoc)
   *
   * @see android.view.ViewGroup#dispatchTouchEvent(android.view.MotionEvent)
   */
  @Override
  public boolean dispatchTouchEvent(MotionEvent event) {
    final int action = event.getAction();

    switch (action) {
      case MotionEvent.ACTION_DOWN:
        // 按下
        mYDown = (int) event.getRawY();
        break;

      case MotionEvent.ACTION_MOVE:
        // 移動
        mLastY = (int) event.getRawY();
        break;

      case MotionEvent.ACTION_UP:
        // 抬起
        if (canLoad()) {
          loadData();
        }
        break;
      default:
        break;
    }

    return super.dispatchTouchEvent(event);
  }

  /**
   * 是否可以加載更多, 條件是到了最底部, listview不在加載中, 且為上拉操作.
   *
   * @return
   */
  private boolean canLoad() {
    return isBottom() && !isLoading && isPullUp();
  }

  /**
   * 判斷是否到了最底部
   */
  private boolean isBottom() {

    if (mListView != null && mListView.getAdapter() != null) {
      return mListView.getLastVisiblePosition() == (mListView
          .getAdapter().getCount() - 1);
    }
    return false;
  }

  /**
   * 是否是上拉操作
   *
   * @return
   */
  private boolean isPullUp() {
    return (mYDown - mLastY) >= mTouchSlop;
  }

  /**
   * 如果到了最底部,而且是上拉操作.那么執(zhí)行onLoad方法
   */
  private void loadData() {
    if (mOnLoadListener != null) {
      // 設(shè)置狀態(tài)
      setLoading(true);
      //
      mOnLoadListener.onLoad();
    }
  }

  /**
   * @param loading
   */
  public void setLoading(boolean loading) {
    isLoading = loading;
    if (isLoading) {
      mListView.addFooterView(mListViewFooter);
    } else {
      mListView.removeFooterView(mListViewFooter);
      mYDown = 0;
      mLastY = 0;
    }
  }

  /**
   * @param loadListener
   */
  public void setOnLoadListener(OnLoadListener loadListener) {
    mOnLoadListener = loadListener;
  }

  @Override
  public void onScrollStateChanged(AbsListView view, int scrollState) {

  }

  @Override
  public void onScroll(AbsListView view, int firstVisibleItem,
             int visibleItemCount, int totalItemCount) {
    // 滾動時到了最底部也可以加載更多
    if (canLoad()) {
      loadData();
    }
  }

  /**
   * 設(shè)置刷新
   */
  public static void setRefreshing(SwipeRefreshLayout refreshLayout,
                   boolean refreshing, boolean notify) {
    Class<? extends SwipeRefreshLayout> refreshLayoutClass = refreshLayout
        .getClass();
    if (refreshLayoutClass != null) {

      try {
        Method setRefreshing = refreshLayoutClass.getDeclaredMethod(
            "setRefreshing", boolean.class, boolean.class);
        setRefreshing.setAccessible(true);
        setRefreshing.invoke(refreshLayout, refreshing, notify);
      } catch (NoSuchMethodException e) {
        e.printStackTrace();
      } catch (IllegalAccessException e) {
        e.printStackTrace();
      } catch (InvocationTargetException e) {
        e.printStackTrace();
      }
    }
  }

  /**
   * 加載更多的監(jiān)聽器
   */
  public static interface OnLoadListener {
    public void onLoad();
  }
}

3.自定義支持ViewPage的刷新組件VPSwipeRefreshLayout

android中SwipeRefresh實現(xiàn)各種上拉，下拉刷新示例
支持viewpager刷新

原生SwipeRefreshLayout會存在以下問題：

1、 SwipeRefreshLayout會吃掉ViewPager的滑動事件。

2、 SwipeRefreshLayout需要套在ScrollView和ListView上的時候才表現(xiàn)的比較友好，在其他ViewGroup上有點問題

重寫后的SwipeRefreshLayout，直接復(fù)制到項目就可以使用了。

public class VpSwipeRefreshLayout extends SwipeRefreshLayout {

private float startY;
private float startX;
// 記錄viewPager是否拖拽的標(biāo)記
private boolean mIsVpDragger;
private final int mTouchSlop;

public VpSwipeRefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
// 記錄手指按下的位置
startY = ev.getY();
startX = ev.getX();
// 初始化標(biāo)記
mIsVpDragger = false;
break;
case MotionEvent.ACTION_MOVE:
// 如果viewpager正在拖拽中，那么不攔截它的事件，直接return false；
if(mIsVpDragger) {
return false;
}

// 獲取當(dāng)前手指位置
float endY = ev.getY();
float endX = ev.getX();
float distanceX = Math.abs(endX - startX);
float distanceY = Math.abs(endY - startY);
// 如果X軸位移大于Y軸位移，那么將事件交給viewPager處理。
if(distanceX > mTouchSlop && distanceX > distanceY) {
mIsVpDragger = true;
return false;
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
// 初始化標(biāo)記
mIsVpDragger = false;
break;
}
// 如果是Y軸位移大于X軸，事件交給swipeRefreshLayout處理。
return super.onInterceptTouchEvent(ev);
}
}

4.RecyclerView+SwpieRefreshLayout實現(xiàn)下拉刷新效果同時實現(xiàn)上拉功能

android中SwipeRefresh實現(xiàn)各種上拉，下拉刷新示例

RecyclerView+SwpieRefreshLayout

RecyclerView實現(xiàn)的列表，默認(rèn)情況下面是不帶下拉刷新和上拉記載更多效果的，但是我在我們的實際項目當(dāng)中，為了提高用戶體驗，這種效果一般都需要實現(xiàn)

SwipeRefreshLayout本身自帶下拉刷新的效果，那么我們可以選擇在RecyclerView布局外部嵌套一層SwipeRefreshLayout布局即可，具體布局文件如下:

<?xml version="1.0" encoding="utf-8"?>

在Activity中引用這個布局并初始化

 @Override
  protected void onCreate(Bundle savedInstanceState) {
    //去除系統(tǒng)標(biāo)題
    this.requestWindowFeature(Window.FEATURE_NO_TITLE);
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_recycle_view_refresh);
    ButterKnife.bind(this);

    initView();
  }

  /*RecyclerView 管理器*/
  private LinearLayoutManager linearLayoutManager;
  MyRecyclerViewAdapter adapter;
  private int lastVisibleItem;//記錄滾動位置


  /**
   * 初始化組件
   */
  private void initView() {
        topBarTitle.setText("RecyclerView 刷新");

    //設(shè)置刷新時動畫的顏色，可以設(shè)置4個
    swiperefreshLayout.setProgressBackgroundColorSchemeResource(android.R.color.white);
    swiperefreshLayout.setColorSchemeResources(android.R.color.holo_blue_light,
        android.R.color.holo_red_light, android.R.color.holo_orange_light,
        android.R.color.holo_green_light);
    // 這句話是為了，第一次進入頁面的時候顯示加載進度條
    swiperefreshLayout.setProgressViewOffset(false, 0, (int) TypedValue
        .applyDimension(TypedValue.COMPLEX_UNIT_DIP, 24, getResources()
            .getDisplayMetrics()));


    //設(shè)置豎直方向
    linearLayoutManager = new LinearLayoutManager(this);
    linearLayoutManager.setOrientation(OrientationHelper.VERTICAL);
    //設(shè)置管理器
    recylerview.setLayoutManager(linearLayoutManager);
    //添加分隔線
    recylerview.addItemDecoration(new AdvanceDecoration(this, OrientationHelper.VERTICAL));

    recylerview.setAdapter(adapter = new MyRecyclerViewAdapter(this));
    /*實現(xiàn)下拉*/

    swiperefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
      @Override
      public void onRefresh() {
        new Handler().postDelayed(new Runnable() {
          @Override
          public void run() {
            List newDatas = new ArrayList();
            for (int i = 0; i < 5; i++) {
              int index = i + 1;
              newDatas.add("new item" + index);
            }
            adapter.addItem(newDatas);/*添加數(shù)據(jù)*/
            swiperefreshLayout.setRefreshing(false);
            Toast.makeText(RecycleViewRefreshActivity.this, "更新了五條數(shù)據(jù)...", Toast.LENGTH_SHORT).show();
          }
        }, 3000);
      }
    });

    /**
     * 添加滾動監(jiān)聽，實現(xiàn)上拉刷新
     */

    recylerview.setOnScrollListener(new RecyclerView.OnScrollListener() {
      @Override
      public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
        //當(dāng)滾動到底部時刷新數(shù)據(jù)
        if (newState == RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 == adapter.getItemCount()) {
          new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
              List newDatas = new ArrayList();
              for (int i = 0; i < 5; i++) {
                int index = i + 1;
                newDatas.add("more item" + index);
              }
              adapter.addMoreItem(newDatas);
              swiperefreshLayout.setRefreshing(false);

            }
          }, 1000);
        }
      }

      @Override
      public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        //獲取滾動的最后位置
        lastVisibleItem = linearLayoutManager.findLastVisibleItemPosition();
      }
    });

  }

實現(xiàn)下拉刷新用SwipeRefreshLayout 自帶的進度條，上拉刷新用類似ListView的刷新提示“加載中”等信息。

我們可以給RecyclerView 也添加一個類似FooterView的item。

我們在Adapter中實現(xiàn)：

/**
   * RecyclerView的適配器
   */

  class MyRecyclerViewAdapter extends RecyclerView.Adapter {//自定義viewHoder
    List datas;
    Context context;
    /*加載更多*/
    private static final int TYPE_ITEM = 0;
    private static final int TYPE_FOOTER = 1;

    public MyRecyclerViewAdapter(Context context) {
      this.context = context;

      /*初始化數(shù)據(jù)*/
      this.datas = new ArrayList();
      for (int i = 0; i < 20; i++) {
        int index = i + 1;
        datas.add("item" + index);
      }
      /*addItem(datas);*/
    }

    //自定義的ViewHolder，持有每個Item的的所有界面元素
    public class ViewHolder extends RecyclerView.ViewHolder {

      public ViewHolder(View view) {
        super(view);
      }
    }


    //自定義的ViewHolder，持有每個Item的的所有界面元素
    public class ItemViewHolder extends ViewHolder {
      public TextView item_tv;

      public ItemViewHolder(View view) {
        super(view);
        item_tv = (TextView) view.findViewById(R.id.text);
      }
    }

    /**
     * 底部view
     */

    class FooterViewHolder extends ViewHolder {

      public FooterViewHolder(View view) {
        super(view);
      }

    }

    /**
     * 綁定布局文件
     *
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
      if (viewType == TYPE_FOOTER) {
        final View view = LayoutInflater.from(context).inflate(R.layout.refresh_footview_layout, parent, false);
//        view.setLayoutParams(new RecyclerView.LayoutParams(RecyclerView.LayoutParams.MATCH_PARENT,
//            RecyclerView.LayoutParams.WRAP_CONTENT));
        FooterViewHolder viewHolder = new FooterViewHolder(view);
        return viewHolder;

      } else if (viewType == TYPE_ITEM) {

        final View view = LayoutInflater.from(context).inflate(R.layout.item_recycler_layout, parent, false);
        //這邊可以做一些屬性設(shè)置，甚至事件監(jiān)聽綁定
        //view.setBackgroundColor(Color.RED);
        ItemViewHolder viewHolder = new ItemViewHolder(view);
        return viewHolder;
      }
      return null;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
      if (holder instanceof ItemViewHolder) {
        //設(shè)置數(shù)據(jù)
        ((ItemViewHolder) holder).item_tv.setText(datas.get(position));
        ((ItemViewHolder) holder).item_tv.setTag(position);
      }

    }

    /*返回每一項的類型*/
    @Override
    public int getItemViewType(int position) {
      // 最后一個item設(shè)置為footerView
      if (position + 1 == getItemCount()) {
        return TYPE_FOOTER;
      } else {
        return TYPE_ITEM;
      }
    }

    // RecyclerView的count設(shè)置為數(shù)據(jù)總條數(shù)+ 1（footerView）
    @Override
    public int getItemCount() {
      return datas.size() + 1;
    }

    //添加數(shù)據(jù)

    public void addItem(List newDatas) {
      //mTitles.add(position, data);
      //notifyItemInserted(position);
      newDatas.addAll(datas);
      datas.removeAll(datas);
      datas.addAll(newDatas);
      notifyDataSetChanged();
    }

    /**
     * 添加更多數(shù)據(jù)
     *
     * @param newDatas
     */

    public void addMoreItem(List newDatas) {
      datas.addAll(newDatas);
      adapter.notifyDataSetChanged();
    }
  }

refresh_footview_layout

<?xml version="1.0" encoding="utf-8"?>

item_recycler_layout

<?xml version="1.0" encoding="utf-8"?>

項目源碼：SwipeRefresh_jb51.rar

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

當(dāng)前題目：android中SwipeRefresh實現(xiàn)各種上拉，下拉刷新示例
網(wǎng)站地址：http://weahome.cn/article/pciceh.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

android中SwipeRefresh實現(xiàn)各種上拉，下拉刷新示例

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管