2. 程式人生 > >下拉重新整理、上拉載入更多控制元件實現原理及解析（一）

下拉重新整理、上拉載入更多控制元件實現原理及解析（一）

阿新 • • 發佈：2019-02-12

以前那個賬號，以後可能不用了，把文章搬過來！！！

效果預覽

接受hi大頭鬼hi的建議，來一個動態圖，方便大家知道這是個什麼東西。

demo

動機

原理

    無論是下拉重新整理還是上拉載入更多，原理都是在內容View（ListView、RecyclerView…）不能下拉或者上劃時響應使用者的觸控事件，在頂部或者底部顯示一個重新整理檢視，在程式重新整理操作完成後再隱藏掉。

實現

    既然要在頭部和頂部新增重新整理檢視，我們的控制元件應該是個ViewGroup，我是直接繼承FrameLayout，這個控制元件的名字叫NsRefreshLayout。然後我們需要定義一些屬性，如是否自動觸發上拉載入更多、重新整理檢視中的文字顏色等。

屬性定義

<declare-styleable name="NsRefreshLayout">
    <!--Loading檢視背景顏色-->
    <attr name="load_view_bg_color" format="color|reference"/>
    <!--進度條顏色-->
    <attr name="progress_bar_color" format="color|reference"/>
    <!--進度條背景色-->
    <attr name="progress_bg_color"
 
 format="color|reference"/>
    <!--Loading檢視中文字顏色-->
    <attr name="load_text_color" format="color|reference"/>
    <!--下拉重新整理問題描述-->
    <attr name="pull_refresh_text" format="string|reference"/>
    <!--上拉載入文字描述-->
    <attr name="pull_load_text" format="string|reference"
 
/>
    <!--是否自動觸發載入更多-->
    <attr name="auto_load_more" format="boolean"/>
    <!--下拉重新整理是否可用-->
    <attr name="pull_refresh_enable" format="boolean"/>
    <!--上拉載入是否可用-->
    <attr name="pull_load_enable" format="boolean"/>
</declare-styleable>

屬性讀取

/**
 * 初始化控制元件屬性
 */
private void initAttrs(Context context, AttributeSet attrs) {
    if (getChildCount() > 1) {
        throw new RuntimeException("can only have one child");
    }
    loadingViewFinalHeight = NrlUtils.dipToPx(context, LOADING_VIEW_FINAL_HEIGHT_DP);
    loadingViewOverHeight = loadingViewFinalHeight * 2;

    if (isInEditMode() && attrs == null) {
        return;
    }

    int resId;
    TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.NsRefreshLayout);
    Resources resources = context.getResources();

    //LoadView背景顏色
    resId = ta.getResourceId(R.styleable.NsRefreshLayout_load_view_bg_color, -1);
    if (resId == -1) {
        mLoadViewBgColor = ta.getColor(R.styleable.NsRefreshLayout_load_view_bg_color,
                Color.WHITE);
    } else {
        mLoadViewBgColor = resources.getColor(resId);
    }

    //載入文字顏色
    resId = ta.getResourceId(R.styleable.NsRefreshLayout_load_text_color, -1);
    if (resId == -1) {
        mLoadViewTextColor = ta.getColor(R.styleable.NsRefreshLayout_load_text_color,
                Color.BLACK);
    } else {
        mLoadViewTextColor = resources.getColor(resId);
    }

    //進度條背景顏色
    resId = ta.getResourceId(R.styleable.NsRefreshLayout_progress_bg_color, -1);
    if (resId == -1) {
        mProgressBgColor = ta.getColor(R.styleable.NsRefreshLayout_progress_bg_color,
                Color.WHITE);
    } else {
        mProgressBgColor = resources.getColor(resId);
    }

    //進度條顏色
    resId = ta.getResourceId(R.styleable.NsRefreshLayout_progress_bar_color, -1);
    if (resId == -1) {
        mProgressColor = ta.getColor(R.styleable.NsRefreshLayout_progress_bar_color,
                Color.RED);
    } else {
        mProgressColor = resources.getColor(resId);
    }

    //下拉重新整理文字描述
    resId = ta.getResourceId(R.styleable.NsRefreshLayout_pull_refresh_text, -1);
    if (resId == -1) {
        mPullRefreshText = ta.getString(R.styleable.NsRefreshLayout_pull_refresh_text);
    } else {
        mPullRefreshText = resources.getString(resId);
    }

    //上拉載入文字描述
    resId = ta.getResourceId(R.styleable.NsRefreshLayout_pull_load_text, -1);
    if (resId == -1) {
        mPullLoadText = ta.getString(R.styleable.NsRefreshLayout_pull_load_text);
    } else {
        mPullLoadText = resources.getString(resId);
    }

    mAutoLoadMore = ta.getBoolean(R.styleable.NsRefreshLayout_auto_load_more, false);
    mPullRefreshEnable = ta.getBoolean(R.styleable.NsRefreshLayout_pull_refresh_enable, true);
    mPullLoadEnable = ta.getBoolean(R.styleable.NsRefreshLayout_pull_load_enable, true);

    ta.recycle();
}

屬性使用

    在內容View佈局完成後(onFinishInflate)，根據設定的屬性，來確定是否需要新增下拉重新整理檢視、上拉載入更多檢視，以及檢視中的文字顏色、進度條顏色等。

@Override
protected void onFinishInflate() {
    super.onFinishInflate();
    mContentView = getChildAt(0);
    setupViews();
}

private void setupViews() {
    //下拉重新整理檢視
    LayoutParams lp;
    if (mPullRefreshEnable) {
        lp = new LayoutParams(LayoutParams.MATCH_PARENT, 0);
        headerView = new LoadView(getContext());
        headerView.setLoadText(TextUtils.isEmpty(mPullRefreshText) ?
                getContext().getString(R.string.default_pull_refresh_text) : mPullRefreshText);
        headerView.setStartEndTrim(0, 0.75f);
        headerView.setBackgroundColor(mLoadViewBgColor);
        headerView.setLoadTextColor(mLoadViewTextColor);
        headerView.setProgressBgColor(mProgressBgColor);
        headerView.setProgressColor(mProgressColor);
        addView(headerView, lp);
    }

    if (mPullLoadEnable) {
        //上拉載入更多檢視
        lp = new LayoutParams(LayoutParams.MATCH_PARENT, 0);
        lp.gravity = Gravity.BOTTOM;
        footerView = new LoadView(getContext());
        footerView.setLoadText(TextUtils.isEmpty(mPullLoadText) ?
                getContext().getString(R.string.default_pull_load_text) : mPullLoadText);
        footerView.setStartEndTrim(0.5f, 1.25f);
        footerView.setBackgroundColor(mLoadViewBgColor);
        footerView.setLoadTextColor(mLoadViewTextColor);
        footerView.setProgressBgColor(mProgressBgColor);
        footerView.setProgressColor(mProgressColor);
        addView(footerView, lp);
    }
}

動態響應使用者配置變化

    有這樣一種需求，一個列表分頁載入，每一頁10條，如果在上拉載入更多後只返回8條，說明已經沒有更多資料了，所以在列表達到底部，使用者再次上劃時就不需要觸發上拉載入更多了。基於這種需求，我設計了一個介面NsRefreshLayoutController。

public interface NsRefreshLayoutController {
    /**
     * 當前下拉重新整理是否可用
     */
    boolean isPullRefreshEnable();

    /**
     * 當前上拉載入是否可用，比如列表已無更多資料，可禁用上拉載入功能
     */
    boolean isPullLoadEnable();
}

使用時，實現這個介面，根據當前資料的情況返回True或者False啟用或者禁用兩個功能了。控制元件內部，我們在使用者每次觸發觸控事件的時候獲取介面返回值。

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    if (refreshLayoutController != null) {
        mPullRefreshEnable = refreshLayoutController.isPullRefreshEnable();
        mPullLoadEnable = refreshLayoutController.isPullLoadEnable();
    }
    return super.onInterceptTouchEvent(ev);
}

處理Touch事件

    我們需要做到對Touch事件的處理不影響內容檢視的功能，所以我們只處理Touch事件，不消耗Touch事件，一個合適的回撥很重要，找來找去我選擇了dispatchTouchEvent，官方文件對這個函式的描述如下：

    處理Touch事件的流程如下，ACTION_DOWN、ACTION_MOVE時記錄Touch的位置，ACTION_MOVE時用當前Touch的位置減去上次DOWN或者MOVE的位置，得到手指滑動的距離，用這個距離來控制內容檢視、重新整理檢視的顯示位置，當達到觸發重新整理的位置後，提示使用者鬆手觸發重新整理，使用者鬆手後開始重新整理動畫並通知程式開始重新整理。程式碼如下：

@Override
public boolean dispatchTouchEvent(MotionEvent event) {
    if (!mPullRefreshEnable && !mPullLoadEnable) {
        return super.dispatchTouchEvent(event);
    }

    if (isRefreshing) {
        return super.dispatchTouchEvent(event);
    }

    switch (event.getActionMasked()) {
        case MotionEvent.ACTION_DOWN: {
            preY = event.getY();
            preX = event.getX();
            break;
        }

        case MotionEvent.ACTION_MOVE: {
            float currentY = event.getY();
            float currentX = event.getX();
            float dy = currentY - preY;
            float dx = currentX - preX;
            preY = currentY;
            preX = currentX;
            if (!actionDetermined) {
                //判斷是下拉重新整理還是上拉載入更多
                if (dy > 0 && !canChildScrollUp() && mPullRefreshEnable) {
                    mCurrentAction = ACTION_PULL_DOWN_REFRESH;
                    actionDetermined = true;
                } else if (dy < 0 && !canChildScrollDown() && mPullLoadEnable) {
                    mCurrentAction = ACTION_PULL_UP_LOAD_MORE;
                    actionDetermined = true;
                }
            }
            handleScroll(dy);
            observerArriveBottom();
            break;
        }

        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL: {
            //使用者鬆手後需要判斷當前的滑動距離是否滿足觸發重新整理的條件
            if (releaseTouch()) {
                MotionEvent cancelEvent = MotionEvent.obtain(event);
                cancelEvent.setAction(MotionEvent.ACTION_CANCEL);
                return super.dispatchTouchEvent(cancelEvent);
            }
            break;
        }
    }

    return super.dispatchTouchEvent(event);
}

/**
 * 處理滾動
 */
private boolean handleScroll(float distanceY) {
    if (!canChildScrollUp() && mCurrentAction == ACTION_PULL_DOWN_REFRESH &&
            mPullRefreshEnable) {
        //下拉重新整理
        LayoutParams lp = (LayoutParams) headerView.getLayoutParams();
        lp.height += distanceY;
        if (lp.height < 0) {
            lp.height = 0;
        } else if (lp.height > loadingViewOverHeight) {
            lp.height = (int) loadingViewOverHeight;
        }
        headerView.setLayoutParams(lp);
        if (lp.height < loadingViewOverHeight) {
            headerView.setLoadText(TextUtils.isEmpty(mPullRefreshText) ?
                    getContext().getString(R.string.default_pull_refresh_text) : mPullRefreshText);
        } else {
            headerView.setLoadText(getContext().getString(R.string.release_to_refresh));
        }
        headerView.setProgressRotation(lp.height / loadingViewOverHeight);
        adjustContentViewHeight(lp.height);
        return true;

    } else if (!canChildScrollDown() && mCurrentAction == ACTION_PULL_UP_LOAD_MORE && mPullLoadEnable) {
        //上拉載入更多
        LayoutParams lp = (LayoutParams) footerView.getLayoutParams();
        lp.height -= distanceY;
        if (lp.height < 0) {
            lp.height = 0;
        } else if (lp.height > loadingViewOverHeight) {
            lp.height = (int) loadingViewOverHeight;
        }
        footerView.setLayoutParams(lp);
        if (lp.height < loadingViewOverHeight) {
            footerView.setLoadText(TextUtils.isEmpty(mPullLoadText) ?
                    getContext().getString(R.string.default_pull_load_text) : mPullLoadText);
        } else {
            footerView.setLoadText(getContext().getString(R.string.release_to_load));
        }
        footerView.setProgressRotation(lp.height / loadingViewOverHeight);
        adjustContentViewHeight(-lp.height);
        return true;
    }
    return false;
}

private void adjustContentViewHeight(float h) {
    mContentView.setTranslationY(h);
    //下面的方式可以看到完整內容，但是有掉幀現象
    /*if (mCurrentAction == ACTION_PULL_DOWN_REFRESH) {
        mContentView.setTranslationY(h);
    }
    LayoutParams lp = (LayoutParams) mContentView.getLayoutParams();
    lp.height = (int) (getMeasuredHeight() - Math.abs(h));
    mContentView.setLayoutParams(lp);*/

}

private boolean releaseTouch() {
    boolean result = false;
    LayoutParams lp;
    if (mPullRefreshEnable && mCurrentAction == ACTION_PULL_DOWN_REFRESH) {
        lp = (LayoutParams) headerView.getLayoutParams();
        if (lp.height >= loadingViewOverHeight) {
            //觸發下拉重新整理
            startPullDownRefresh(lp.height);
            result = true;
        } else if (lp.height > 0) {
            //未滿足下拉重新整理觸發條件，重置狀態
            resetPullDownRefresh(lp.height);
            result = lp.height >= CLICK_TOUCH_DEVIATION;
        } else {
            resetPullRefreshState();
        }
    }

    if (mPullLoadEnable && mCurrentAction == ACTION_PULL_UP_LOAD_MORE) {
        lp = (LayoutParams) footerView.getLayoutParams();
        if (lp.height >= loadingViewOverHeight) {
            //觸發上拉載入更多
            startPullUpLoadMore(lp.height);
            result = true;
        } else if (lp.height > 0) {
            //未滿足上拉載入更多觸發條件，重置狀態
            resetPullUpLoadMore(lp.height);
            result = lp.height >= CLICK_TOUCH_DEVIATION;
        } else {
            resetPullLoadState();
        }
    }
    return result;
}

private void startPullDownRefresh(int headerViewHeight) {
    isRefreshing = true;
    ValueAnimator animator = ValueAnimator.ofFloat(headerViewHeight, loadingViewFinalHeight);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            LayoutParams lp = (LayoutParams) headerView.getLayoutParams();
            lp.height = (int) ((Float) animation.getAnimatedValue()).floatValue();
            headerView.setLayoutParams(lp);
            adjustContentViewHeight(lp.height);
        }
    });
    animator.addListener(new SimpleAnimatorListener() {
        @Override
        public void onAnimationEnd(Animator animation) {
            headerView.start();
            headerView.setLoadText(getContext().getString(R.string.refresh_text));

            if (refreshLayoutListener != null) {
                refreshLayoutListener.onRefresh();
            }
        }
    });
    animator.setDuration(300);
    animator.start();
}

/**
 * 重置下拉重新整理狀態
 *
 * @param headerViewHeight 當前下拉重新整理檢視的高度
 */
private void resetPullDownRefresh(int headerViewHeight) {
    headerView.stop();
    //headerView.setStartEndTrim(0, 0.75f);
    ValueAnimator animator = ValueAnimator.ofFloat(headerViewHeight, 0);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            LayoutParams lp = (LayoutParams) headerView.getLayoutParams();
            lp.height = (int) ((Float) animation.getAnimatedValue()).floatValue();
            headerView.setLayoutParams(lp);
            adjustContentViewHeight(lp.height);
        }
    });
    animator.addListener(new SimpleAnimatorListener() {
        @Override
        public void onAnimationEnd(Animator animation) {
            resetPullRefreshState();

        }
    });
    animator.setDuration(300);
    animator.start();
}

private void resetPullRefreshState() {
    //重置動畫結束才算完全完成重新整理動作
    isRefreshing = false;
    actionDetermined = false;
    mCurrentAction = -1;
    headerView.setLoadText(TextUtils.isEmpty(mPullRefreshText) ?
            getContext().getString(R.string.default_pull_refresh_text) : mPullRefreshText);
}

private void startPullUpLoadMore(int headerViewHeight) {
    isRefreshing = true;
    ValueAnimator animator = ValueAnimator.ofFloat(headerViewHeight, loadingViewFinalHeight);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            LayoutParams lp = (LayoutParams) footerView.getLayoutParams();
            lp.height = (int) ((Float) animation.getAnimatedValue()).floatValue();
            footerView.setLayoutParams(lp);
            adjustContentViewHeight(-lp.height);
        }
    });
    animator.addListener(new SimpleAnimatorListener() {
        @Override
        public void onAnimationEnd(Animator animation) {
            footerView.start();
            footerView.setLoadText(getContext().getString(R.string.load_text));

            if (refreshLayoutListener != null) {
                refreshLayoutListener.onLoadMore();
            }
        }
    });
    animator.setDuration(300);
    animator.start();
}

/**
 * 重置下拉重新整理狀態
 *
 * @param headerViewHeight 當前下拉重新整理檢視的高度
 */
private void resetPullUpLoadMore(int headerViewHeight) {
    footerView.stop();
    //footerView.setStartEndTrim(0.5f, 1.25f);
    ValueAnimator animator = ValueAnimator.ofFloat(headerViewHeight, 0);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            LayoutParams lp = (LayoutParams) footerView.getLayoutParams();
            lp.height = (int) ((Float) animation.getAnimatedValue()).floatValue();
            footerView.setLayoutParams(lp);
            adjustContentViewHeight(-lp.height);
        }
    });
    animator.addListener(new SimpleAnimatorListener() {
        @Override
        public void onAnimationEnd(Animator animation) {
            resetPullLoadState();

        }
    });
    animator.setDuration(300);
    animator.start();
}

private void resetPullLoadState() {
    //重置動畫結束才算完全完成重新整理動作
    isRefreshing = false;
    actionDetermined = false;
    mCurrentAction = -1;
    footerView.setLoadText(TextUtils.isEmpty(mPullLoadText) ?
            getContext().getString(R.string.default_pull_load_text) : mPullLoadText);
}

/**
 * @return 子檢視是否可以下拉
 */
public boolean canChildScrollUp() {
    if (mContentView == null) {
        return false;
    }
    if (Build.VERSION.SDK_INT < 14) {
        if (mContentView instanceof AbsListView) {
            final AbsListView absListView = (AbsListView) mContentView;
            return absListView.getChildCount() > 0
                    && (absListView.getFirstVisiblePosition() > 0 || absListView.getChildAt(0)
                    .getTop() < absListView.getPaddingTop());
        } else {
            return ViewCompat.canScrollVertically(mContentView, -1) || mContentView.getScrollY() > 0;
        }
    } else {
        return ViewCompat.canScrollVertically(mContentView, -1);
    }
}

/**
 * @return 子檢視是否可以上劃
 */
public boolean canChildScrollDown() {
    if (mContentView == null) {
        return false;
    }
    if (Build.VERSION.SDK_INT < 14) {
        if (mContentView instanceof AbsListView) {
            final AbsListView absListView = (AbsListView) mContentView;
            if (absListView.getChildCount() > 0) {
                int lastChildBottom = absListView.getChildAt(absListView.getChildCount() - 1)
                        .getBottom();
                return absListView.getLastVisiblePosition() == absListView.getAdapter().getCount() - 1
                        && lastChildBottom <= absListView.getMeasuredHeight();
            } else {
                return false;
            }

        } else {
            return ViewCompat.canScrollVertically(mContentView, 1) || mContentView.getScrollY() > 0;
        }
    } else {
        return ViewCompat.canScrollVertically(mContentView, 1);
    }
}

public void setRefreshLayoutListener(NsRefreshLayoutListener refreshLayoutListener) {
    this.refreshLayoutListener = refreshLayoutListener;
}

    上面程式碼中有一個變數CLICK_TOUCH_DEVIATION，這個變量表示對使用者點選事件的容錯值，使用者進行點選動作時，會產生很小的滑動距離，如果不做容錯處理會出現重新整理檢視抖動出現的問題。

    另外還有一個observerArriveBottom(); 這個函式就是處理自動載入更多的關鍵。該函式在Touch事件產生滑動距離後，採取類似輪詢的機制，判斷滑動是否已經停止，滑動事件停止後，根據內容控制元件當前狀態、使用者配置來確定是否觸發載入更多事件。程式碼如下：

private void observerArriveBottom() {
    if (isRefreshing || !mAutoLoadMore || !mPullLoadEnable) {
        return;
    }
    mContentView.getViewTreeObserver().addOnScrollChangedListener(
            new ViewTreeObserver.OnScrollChangedListener() {

                @Override
                public void onScrollChanged() {
                    mContentView.removeCallbacks(flingRunnable);
                    mContentView.postDelayed(flingRunnable, 6);
                }
            });
}

private Runnable flingRunnable = new Runnable() {
    @Override
    public void run() {
        if (isRefreshing || !mAutoLoadMore || !mPullLoadEnable) {
            return;
        }

        if (!canChildScrollDown()) {
            mCurrentAction = ACTION_PULL_UP_LOAD_MORE;
            isRefreshing = true;
            startPullUpLoadMore(0);
        }
    }
};

對外介面

public interface NsRefreshLayoutListener {
    void onRefresh();

    void onLoadMore();
}

搞定

相關推薦

下拉重新整理、上拉載入更多控制元件實現原理及解析（一）

以前那個賬號，以後可能不用了，把文章搬過來！！！ 效果預覽 接受hi大頭鬼hi的建議，來一個動態圖，方便大家知道這是個什麼東西。 動機 原理     無論是下拉重新整理還是上拉載入更多，原理都是在內容View（ListView、Re

better-scroll實現下拉重新整理、上拉載入更多（巨簡單...）

1、廢話少說，先看看移動端的列表頁面 （1）正常瀏覽 （2）下拉重新整理中 （3）下拉重新整理結束 （4） 上拉載入 （5）上拉 載入中 3、網上也有一些基本使用教程，這裡就不一一累贅，下

瀑布流，下拉重新整理、上拉載入更多

前言：由於專案需要，經理喊我做一個瀑布流的檢視，在網上找了幾個目前主流的幾個瀑布流解決方案。最後分別研究了各自的解決方案，我選擇了StageredGridView。大家可以在github上找到。但是最後我發現用StageredGridView來實現下拉重新整理、上拉載入更

使用APICloud編寫優雅的HTML5程式碼《一》：下拉重新整理、上拉載入更多

摘要: 發​現​A​P​I​C​l​o​u​d​倡​導​符​合​C​M​D​以​及​A​M​D​規​範​的​J​S​編​碼​標​準​,​提​供​基​於​H​T​M​L​5​的​跨​平​臺​A​p​p​編​譯​,​並​開​放​大​量​的​端​A​P​I​和​雲​A

Android RecyclerView下拉重新整理、上拉載入更多、到底自動載入更多

一、廢話 搞了這麼久的Android，可能是我渠道比較閉塞，一直沒找到比較好用的下拉重新整理，往上找的第三方比較知名的一些，都說有這樣那樣的瑕疵，一直用的SwipeRefreshLayout 做下拉載入，然後在RecycleView最後多加一個item，只要載入了這個ite

[log] vue使用Mint元件實現下拉重新整理、上拉載入

https://mint-ui.github.io/docs/#/zh-cn2/loadmore 使用的vue <mt-loadmore :top-method="loadTop" :bottom

微信小程式下拉重新整理、上拉載入

下拉重新整理： （1）直接呼叫onPullDownRefresh：function（）事件，首先設定app.js以及有該需求的頁面json檔案中的 “enablePullDownRefresh”: true, //允許下拉重新整理 “backgroundTextStyle”: “dar

Apicloud——下拉重新整理、上拉載入

2018-12-07  13:18:21 非Apicloud中的外掛 1 <!doctype html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6

vue better-scroll 使用 下拉重新整理、上拉載入

我的目的是為了實現列表的下拉重新整理、上拉載入，所以選擇了better-scroll這個庫。 用好這個庫，需要理解下面說明 必須包含兩個大的div，外層和內層div 外層div設定可視的大小(寬或者高)-有限制寬或高 內層div，包裹整個可以滾動的部分 內層d

一個簡單好用的下拉重新整理、上拉載入控制元件

*本篇文章已授權微信公眾號 guolin_blog （郭霖）獨家釋出 有更新： 最新的庫版本為1.0.2(相容舊版本，舊版本是1.0.0)，完整的庫地址： compile'com.zt.maven.widget:refreshview:1.0.2

詳解自主實現RecyclerView下拉重新整理、上拉載入、Header、Footer以及swiperefreshlayout的部分講解

  年前年後的那段時間比較忙，忙的來忘了寫部落格。最近空閒了，有時間了，來看部落格發現有兩個來月沒有發文章了，對自己的沒有堅持先來幾個，部落格還是要寫的，以後會持續更新。   廢話少說，網上關於列表控

關於下拉重新整理、上拉載入的問題--RecyclerView-- SwipeToLoadLayout

RecyclerView-- SwipeToLoadLayout關於頁面資料載入的問題：下拉重新整理，本次只介紹關於RecycleView的一個重新整理框架SwipeToLoadLayout（一）首先介紹下RecyclerView，RecyclerView相比ListView

[Android]Ultra-Pull-To-Refresh之listview下拉重新整理、上拉載入的用例-已更新

前言 本次demo的編輯環境為android studio，java1.8 截圖 使用 1.本示例依賴jar如下： dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) co

詳解RecyclerView+BGARefreshLayout實現自定義下拉重新整理、上拉載入和側滑刪除效果

前言 還有2個月就過年了，對於我們這樣在外漂泊的異鄉人來說，一家人團聚在一起，吃一頓團圓飯，那是再幸福不過的事了。我們之所以遠離家鄉來到異鄉就像異鄉人這首歌寫的一樣，只為一扇窗！ 正文 上篇文章給大家講解了一下關於RecyclerView的使用，今天給

SwipeRefreshLayout 下拉重新整理、上拉載入的使用

一、SwipeRefreshLayout簡單介紹 1、SwipeRefreshLayout是Google推出的重新整理控制元件。 2、可以設定下拉重新整理的高度，達到一定高度時才會重新整理 3、使用該控制元件實現重新整理時，需要在這個佈局裡包裹可以滑動的子

Android 基於 MVP 框架的下拉重新整理、上拉載入頁面，View和Presenter層基類封裝

前言 Android 專案開發中經常遇到列表式頁面，並且需要實現下拉重新整理，上拉到底後加載下一頁的功能，這裡結合我們專案正在使用的 MVP 框架，介紹一種基類封裝方案，實現 View、Adapter、資料處理Presenter層的基類封裝，後續繼承這幾個類，

RecyclerView下拉重新整理、上拉載入及新增頭佈局、腳佈局實現

image.png 前言 隨著RecyclerView的越來越流行，我看著專案裡ListView、GridView陷入沉思，是時候開始改變了！（認真臉）我決定將專案中的這些控制元件都改用RecyclerView。然而，像下拉重新整理等功能是必不可少的，雖然有很多現成的可以

下拉重新整理、上拉載入SmartRefreshLayout

支援所有的 View（AbsListView、RecyclerView、WebView....View） 和多層巢狀的檢視結構支援自定義並且已經集成了很多炫酷的 Header 和 Footer （圖）

android ListView的上部下拉重新整理下部點選載入更多具體實現及拓展

這次就不上圖了，例子太多太多了，想必大家都見過.這個功能的實現，簡直是開發者必備的. 我也不過多介紹了，網上詳細介紹的部落格太多太多了，若想深入瞭解，請參考網上其他博文. 在這裡，我只是按照自己的理解，模擬實現了一個，順便程式碼貢獻出來. 我對之詳細標明的註釋，想必如果不懂

Android仿QQ下拉重新整理、上拉回彈

附上原始碼地址…… http://download.csdn.net/detail/qq_36255612/9717199 首先自定義一個Scrollview， 重寫computeScroll、on