Android滑動(dòng)到頂部懸停

無(wú)圖說(shuō)卵意推,先上圖

jianshu-top.gif

查閱資料后密任,發(fā)現(xiàn)網(wǎng)上大部分都是用這種方法實(shí)現(xiàn)的:
多寫一個(gè)和需要懸浮的部分一模一樣的layout,先把浮動(dòng)區(qū)域的可見(jiàn)性設(shè)置為gone脏里。當(dāng)浮動(dòng)區(qū)域滑動(dòng)到頂部的時(shí)候果漾,就把浮動(dòng)區(qū)域B的可見(jiàn)性設(shè)置為VISIBLE球切。這樣看起來(lái)就像懸浮在頂部不動(dòng)了。

具體看下邊文章 :

高仿美團(tuán)app绒障,浮動(dòng)layout滑動(dòng)到頂部懸停效果

Android實(shí)例-仿美團(tuán)app吨凑,浮動(dòng)layout滑動(dòng)到頂部懸停效果

這里介紹的是另外一種方式:

使用design包中的控件

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.peipei.app.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="250dp">
    
        <android.support.design.widget.CollapsingToolbarLayout
            app:layout_scrollFlags="scroll"
            app:contentScrim="#000000"
            android:layout_width="match_parent"
            android:layout_height="220dp">

            <TextView
                android:text="banner區(qū)域"
                android:gravity="center"
                android:textColor="#ffffff"
                android:background="#987545"
                android:layout_width="match_parent"
                android:layout_height="220dp"/>

        </android.support.design.widget.CollapsingToolbarLayout>

        <TextView
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:text="懸浮的部分"/>

     </android.support.design.widget.AppBarLayout>

     <android.support.v4.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="@dimen/text_margin"
                android:text="@string/large_text"/>

      </android.support.v4.widget.NestedScrollView>

</android.support.design.widget.CoordinatorLayout>

實(shí)現(xiàn)步驟:

  1. 將需要懸浮的layout放到CollapsingToolbarLayout之外,AppBarLayout之內(nèi)
  2. 將CollapsingToolbarLayout的app:layout_scrollFlags設(shè)置為scroll
  3. 給滾動(dòng)的NestedScroolView設(shè)置
    app:layout_behavior="@String/appbar_scrolling_view_behavior"
    就大功告成了(記得根布局要是CoordinatorLayout)

最終效果:

damo-jianshu-top.gif
最后編輯于
?著作權(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)離奇詭異焚鹊,居然都是意外死亡痕届,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門末患,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)研叫,“玉大人,你說(shuō)我怎么就攤上這事璧针∪侣” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵探橱,是天一觀的道長(zhǎng)申屹。 經(jīng)常有香客問(wèn)我,道長(zhǎng)隧膏,這世上最難降的妖魔是什么哗讥? 我笑而不...
    開(kāi)封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮胞枕,結(jié)果婚禮上杆煞,老公的妹妹穿的比我還像新娘。我一直安慰自己腐泻,他們只是感情好决乎,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著贫悄,像睡著了一般瑞驱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上窄坦,一...
    開(kāi)封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天唤反,我揣著相機(jī)與錄音,去河邊找鬼鸭津。 笑死彤侍,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的逆趋。 我是一名探鬼主播盏阶,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼闻书!你這毒婦竟也來(lái)了名斟?” 一聲冷哼從身側(cè)響起脑慧,我...
    開(kāi)封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎砰盐,沒(méi)想到半個(gè)月后闷袒,有當(dāng)?shù)厝嗽跇?shù)林里發(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
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望绢慢。 院中可真熱鬧灿渴,春花似錦、人聲如沸胰舆。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)缚窿。三九已至棘幸,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間倦零,已是汗流浹背误续。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扫茅,地道東北人蹋嵌。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像葫隙,于是被迫代替她去往敵國(guó)和親栽烂。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容