一種嵌套滑動(dòng)沖突的解決方案


非嵌套滑動(dòng) | 嵌套滑動(dòng)

相比起非嵌套滑動(dòng)的自定義分發(fā)事件的方案蜓谋,嵌套滑動(dòng)沖突有比較成熟的 Google 解決方案:NestedScrolling 搀菩。

三層嵌套的滑動(dòng)沖突

嵌套滑動(dòng)
嵌套滑動(dòng)

UI 層級(jí)如下:

  • 最外層(底層)是一個(gè)具有下拉刷新功能的布局
  • 中層是本庫提供的控件 StickNestedLayout 缕题,解決導(dǎo)航欄吸頂摄狱,以及內(nèi)外層的滑動(dòng)沖突
  • 最內(nèi)層(上層)依次是 headView / navView / contentView 熔号,對(duì)應(yīng)上部的內(nèi)容區(qū)域稽鞭,中部的吸頂導(dǎo)航欄區(qū)域,下部的 ViewPager 區(qū)域
  • ViewPager 里面有 RecyclerView 列表
StickNestedLayout
StickNestedLayout

使用

你可以通過 StickNestedLayout 輕松地完成這種頁面引镊。

<RefreshLayout
    android:id="@+id/refreshLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <mobile.yy.com.nestedtouch.StickyNestedLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <include
            android:id="@id/stickyHeadView"
            layout="@layout/moment_head_view" />

        <NavView
            android:id="@id/stickyNavView"
            android:layout_width="match_parent"
            android:layout_height="40dp" />

        <android.support.v4.view.ViewPager
            android:id="@id/stickyContentView"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </mobile.yy.com.nestedtouch.StickyNestedLayout>
</RefreshLayout>

其中 headView / navView / contentView 的id必須為 stickyHeadView / stickyNavView / stickyContentView

可以通過運(yùn)行工程 nestedtouchsample 查看具體代碼朦蕴。例子中涉及的其他第三方庫有下拉刷新控件 SmartRefreshLayout 和導(dǎo)航欄 PagerSlidingTabStrip ,部分參考 StickNavLayout

配置

  1. 項(xiàng)目build.gradle添加

    allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }
    
  2. 對(duì)應(yīng)模塊添加依賴

    dependencies {
        compile 'com.github.YvesCheung.TouchEventBus:nestedtouch:1.4.3'
    }
    

項(xiàng)目地址

https://github.com/YvesCheung/TouchEventBus

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末弟头,一起剝皮案震驚了整個(gè)濱河市吩抓,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赴恨,老刑警劉巖疹娶,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異伦连,居然都是意外死亡雨饺,警方通過查閱死者的電腦和手機(jī)钳垮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來额港,“玉大人饺窿,你說我怎么就攤上這事∫普叮” “怎么了肚医?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)向瓷。 經(jīng)常有香客問我肠套,道長(zhǎng),這世上最難降的妖魔是什么猖任? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任你稚,我火速辦了婚禮,結(jié)果婚禮上朱躺,老公的妹妹穿的比我還像新娘入宦。我一直安慰自己,他們只是感情好室琢,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布乾闰。 她就那樣靜靜地躺著,像睡著了一般盈滴。 火紅的嫁衣襯著肌膚如雪涯肩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天巢钓,我揣著相機(jī)與錄音病苗,去河邊找鬼。 笑死症汹,一個(gè)胖子當(dāng)著我的面吹牛硫朦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播背镇,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼咬展,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了瞒斩?” 一聲冷哼從身側(cè)響起破婆,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎胸囱,沒想到半個(gè)月后祷舀,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年裳扯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了抛丽。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡饰豺,死狀恐怖铺纽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情哟忍,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布陷寝,位于F島的核電站锅很,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏凤跑。R本人自食惡果不足惜爆安,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望仔引。 院中可真熱鬧扔仓,春花似錦、人聲如沸咖耘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽儿倒。三九已至版保,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間夫否,已是汗流浹背彻犁。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留凰慈,地道東北人汞幢。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像微谓,于是被迫代替她去往敵國和親森篷。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354