Android 上拉加載更多和下拉刷新

一、前言:

這一篇文章是解析Android智能下拉刷新框架-SmartRefreshLayout 植锉,這是一篇上拉加載和下拉刷新泥栖,非常優(yōu)秀的文章,里面豐富的動畫弧满,基本上能滿足你的需求婆跑。

它的項(xiàng)目地址:

1. 支持類型

  • 支持所有的 View(AbsListView、RecyclerView庭呜、WebView....View) 和多層嵌套的視圖結(jié)構(gòu)
  • 支持自定義并且已經(jīng)集成了很多炫酷的 Header 和 Footer (圖).
  • 支持和ListView的同步滾動 和 RecyclerView滑进、AppBarLayout、CoordinatorLayout 的嵌套滾動 NestedScrolling.
  • 支持在Android Studio Xml 編輯器中預(yù)覽 效果(圖)
  • 支持分別在 Default(默認(rèn))募谎、Xml扶关、JavaCode 三個(gè)中設(shè)置 Header 和 Footer.
  • 支持自動刷新、自動上拉加載(自動檢測列表慣性滾動到底部数冬,而不用手動上拉).
  • 支持通用的刷新監(jiān)聽器 OnRefreshListener 和更詳細(xì)的滾動監(jiān)聽 OnMultiPurposeListener.
  • 支持自定義回彈動畫的插值器节槐,實(shí)現(xiàn)各種炫酷的動畫效果.
  • 支持設(shè)置主題來適配任何場景的App,不會出現(xiàn)炫酷但很尷尬的情況.
  • 支持設(shè)置多種滑動方式來適配各種效果的Header和Footer:平移拐纱、拉伸铜异、背后固定、頂層固定戳玫、全屏
  • 支持內(nèi)容尺寸自適應(yīng) Content-wrap_content
  • 支持繼承重寫和擴(kuò)展功能熙掺,內(nèi)部實(shí)現(xiàn)沒有 private 方法和字段,繼承之后都可以重寫覆蓋
  • 支持越界回彈(Listview咕宿、RecyclerView币绩、ScrollView、WebView...View)
  • 支持多點(diǎn)觸摸府阀,下拉缆镣、上拉各種手勢沖突

2. 部分展示效果圖

gif_practive_weibo.gif
11111.gif
2222.gif

二、基本使用:

1. 依賴:

//普通用戶依賴這個(gè)V1.1.0
compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.0-alpha-31'
//沒有使用特殊Header试浙,可以不加這行
compile 'com.scwang.smartrefresh:SmartRefreshHeader:1.1.0-alpha-31'
//recyclerview依賴
implementation 'com.android.support:recyclerview-v7:27.1.1'


//V1.1.0 androidx 版本董瞻,Android 水滴屏依賴這個(gè)
//implementation 'com.scwang.smartrefresh:SmartRefreshLayout:1.1.0-andx-14'
//implementation 'com.scwang.smartrefresh:SmartRefreshHeader:1.1.0-andx-14'

2. 在XML布局文件中添加 SmartRefreshLayout(默認(rèn)):

<?xml version="1.0" encoding="utf-8"?>
<com.scwang.smartrefresh.layout.SmartRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:overScrollMode="never"
        android:background="#fff" />
</com.scwang.smartrefresh.layout.SmartRefreshLayout>

3. 在 Activity 或者 Fragment 中添加代碼:

RefreshLayout refreshLayout = (RefreshLayout)findViewById(R.id.refreshLayout);
refreshLayout.setOnRefreshListener(new OnRefreshListener() {
    @Override
    public void onRefresh(RefreshLayout refreshlayout) {
        refreshlayout.finishRefresh(2000/*,false*/);//傳入false表示刷新失敗
    }
});
refreshLayout.setOnLoadMoreListener(new OnLoadMoreListener() {
    @Override
    public void onLoadMore(RefreshLayout refreshlayout) {
        refreshlayout.finishLoadMore(2000/*,false*/);//傳入false表示加載失敗
    }
});

三、使用指定的 Header 和 Footer

1. 方法一 全局設(shè)置

public class App extends Application {
    //static 代碼段可以防止內(nèi)存泄露
    static {
        //設(shè)置全局的Header構(gòu)建器
        SmartRefreshLayout.setDefaultRefreshHeaderCreator(new DefaultRefreshHeaderCreator() {
                @Override
                public RefreshHeader createRefreshHeader(Context context, RefreshLayout layout) {
                    layout.setPrimaryColorsId(R.color.colorPrimary, android.R.color.white);//全局設(shè)置主題顏色
                    return new ClassicsHeader(context);//.setTimeFormat(new DynamicTimeFormat("更新于 %s"));//指定為經(jīng)典Header田巴,默認(rèn)是 貝塞爾雷達(dá)Header
                }
            });
        //設(shè)置全局的Footer構(gòu)建器
        SmartRefreshLayout.setDefaultRefreshFooterCreator(new DefaultRefreshFooterCreator() {
                @Override
                public RefreshFooter createRefreshFooter(Context context, RefreshLayout layout) {
                    //指定為經(jīng)典Footer钠糊,默認(rèn)是 BallPulseFooter
                    return new ClassicsFooter(context).setDrawableSize(20);
                }
            });
    }
}

注意:方法一 設(shè)置的Header和Footer的優(yōu)先級是最低的,如果同時(shí)還使用了方法二壹哺、三抄伍,將會被其它方法取代

2. XML布局文件指定

<com.scwang.smartrefresh.layout.SmartRefreshLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#444444"
    app:srlPrimaryColor="#444444"
    app:srlAccentColor="@android:color/white"
    app:srlEnablePreviewInEditMode="true">
    <!--srlAccentColor srlPrimaryColor 將會改變 Header 和 Footer 的主題顏色-->
    <!--srlEnablePreviewInEditMode 可以開啟和關(guān)閉預(yù)覽功能-->
    <com.scwang.smartrefresh.layout.header.ClassicsHeader
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="@dimen/dimenPaddingCommon"
        android:background="@android:color/white"
        android:text="@string/description_define_in_xml"/>
    <com.scwang.smartrefresh.layout.footer.ClassicsFooter
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</com.scwang.smartrefresh.layout.SmartRefreshLayout>

3. XML布局文件指定

注意:方法二 XML設(shè)置的Header和Footer的優(yōu)先級是中等的,會被方法三覆蓋管宵。而且使用本方法的時(shí)候截珍,Android Studio 會有預(yù)覽效果攀甚,如下圖:


圖片.png

不過不用擔(dān)心,只是預(yù)覽效果岗喉,運(yùn)行的時(shí)候只有下拉才會出現(xiàn)~

4. Java代碼設(shè)置

final RefreshLayout refreshLayout = (RefreshLayout) findViewById(R.id.refreshLayout);
//設(shè)置 Header 為 貝塞爾雷達(dá) 樣式
refreshLayout.setRefreshHeader(new BezierRadarHeader(this).setEnableHorizontalDrag(true));
//設(shè)置 Footer 為 球脈沖 樣式
refreshLayout.setRefreshFooter(new BallPulseFooter(this).setSpinnerStyle(SpinnerStyle.Scale));

四秋度、具體每個(gè)屬性的用法:

五、我的博客地址:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末钱床,一起剝皮案震驚了整個(gè)濱河市荚斯,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌诞丽,老刑警劉巖鲸拥,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異僧免,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)捏浊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進(jìn)店門懂衩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人金踪,你說我怎么就攤上這事浊洞。” “怎么了胡岔?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵法希,是天一觀的道長。 經(jīng)常有香客問我靶瘸,道長苫亦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任怨咪,我火速辦了婚禮屋剑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘诗眨。我一直安慰自己唉匾,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布匠楚。 她就那樣靜靜地躺著巍膘,像睡著了一般。 火紅的嫁衣襯著肌膚如雪芋簿。 梳的紋絲不亂的頭發(fā)上峡懈,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天,我揣著相機(jī)與錄音益咬,去河邊找鬼逮诲。 笑死帜平,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的梅鹦。 我是一名探鬼主播裆甩,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼齐唆!你這毒婦竟也來了嗤栓?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤箍邮,失蹤者是張志新(化名)和其女友劉穎茉帅,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锭弊,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡堪澎,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了味滞。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片樱蛤。...
    茶點(diǎn)故事閱讀 40,102評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖剑鞍,靈堂內(nèi)的尸體忽然破棺而出昨凡,到底是詐尸還是另有隱情,我是刑警寧澤蚁署,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布便脊,位于F島的核電站,受9級特大地震影響光戈,放射性物質(zhì)發(fā)生泄漏哪痰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一田度、第九天 我趴在偏房一處隱蔽的房頂上張望妒御。 院中可真熱鬧,春花似錦镇饺、人聲如沸乎莉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽惋啃。三九已至,卻和暖如春监右,著一層夾襖步出監(jiān)牢的瞬間边灭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工健盒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留绒瘦,地道東北人称簿。 一個(gè)月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像惰帽,于是被迫代替她去往敵國和親憨降。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評論 2 355