MaterialDesign系列文章(八)CollapsingToolbarLayout的使用

不怕跌倒塌碌,所以飛翔

CollapsingToolbarLayout的使用

CollapsingToolbarLayout作用是提供了一個可以折疊的Toolbar浪慌,它繼承至FrameLayout缠犀,給它設置layout_scrollFlags陌知,它可以控制包含在CollapsingToolbarLayout中的控件(如:ImageView呻引、Toolbar)在響應layout_behavior事件時作出相應的scrollFlags滾動事件(移除屏幕或固定在屏幕頂端)。

1一些屬性的說明:(http://blog.csdn.net/tablle/article/details/52288515)

  • app:layout_scrollFlags可以設置的屬性值
    • scroll View 伴隨著滾動事件而滾出或滾進屏幕祸憋。注意兩點:第一點会宪,如果使用了其他值,必定要使用這個值才能起作用蚯窥;第二點:如果在這個child View前面的任何其他Child View沒有設置這個值掸鹅,那么這個Child View的設置將失去作用。
    • snap View要么向上全部滾出屏幕拦赠,要么向下全部滾進屏幕巍沙,有點類似ViewPager的左右滑動。
    • enterAlways 快速返回模式荷鼠。其實就是向下滾動時Scrolling View和Child View之間的滾動優(yōu)先級問題句携。對比scroll和scroll | enterAlways設置,發(fā)生向下滾動事件時允乐,前者優(yōu)先滾動Scrolling View矮嫉,后者優(yōu)先滾動Child View,當優(yōu)先滾動的一方已經(jīng)全部滾進屏幕之后喳篇,另一方才開始滾動敞临。
    • exitUntilCollapsed 這里也涉及到最小高度。發(fā)生向上滾動事件時麸澜,Child View向上滾動退出直至最小高度挺尿,然后Scrolling View開始滾動。也就是炊邦,Child View不會完全退出屏幕编矾。
    • enterAlwaysCollapsed enterAlways的附加值。這里涉及到Child View的高度和最小高度馁害,向下滾動時窄俏,Child View先向下滾動最小高度值,然后Scrolling View開始滾動碘菜,到達邊界時凹蜈,Child View再向下滾動,直至顯示完全忍啸。
  • app:contentScrim 設置當完全CollapsingToolbarLayout折疊(收縮)后的背景顏色仰坦。("?attr/colorPrimaryDark")
  • app:expandedTitleMarginStart 設置擴張時候(還沒有收縮時)title向左填充的距離。
  • app:collapsedTitleGravity 指定折疊的標題如何處理 可選值Top,Bottom等
  • app:collapsedTitleTextAppearance 指定折疊狀態(tài)文字的樣貌("@style/TextAppearance.CollapsedTitle")
  • app:expandedTitleTextAppearance 指定展開狀態(tài)標題文字的樣貌("@style/TextAppearance.ExpandedTitle")
  • app:expandedTitleGravity 展開狀態(tài)的標題如何放置
  • app:titleEnabled 是否顯示標題文本
  • app:toolbarId 指定與之關聯(lián)的ToolBar计雌,如果未指定則默認使用第一個被發(fā)現(xiàn)的ToolBar子View
  • app:expandedTitleMarginStart="10dp"
  • app:expandedTitleMargin
  • app:expandedTitleMarginBottom
  • app:expandedTitleMarginEnd 這四個類似 展開狀態(tài)改變標題文字的位置通過margin設置
  • app:layout_collapseParallaxMultiplier 設置時差的系數(shù)介于0~1之間
  • app:layout_collapseMode 子布局設置折疊模式有兩種(pin 固定模式在折疊的時候最后固定在頂端;parallax視差模式,在折疊的時候會有個視差折疊的效果)

2簡單的使用說明

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="@color/colorPrimary"
            app:expandedTitleGravity="bottom"
            app:layout_scrollFlags="exitUntilCollapsed|scroll"
            app:title="AppBarLayout的使用">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:background="@mipmap/photo"
                android:minHeight="?android:attr/actionBarSize"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.7"
                app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"/>

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolBar"
                android:layout_width="match_parent"
                android:layout_height="?android:attr/actionBarSize"
                app:layout_collapseMode="pin"/>
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

一些參數(shù)上面都寫著呢,基本上就是這樣;

3一些操作的方法

  • 擴張時title的顏色設置 mCollapsingToolbarLayout.setExpandedTitleColor();
  • 收縮后title的顏色設置 CollapsingToolbarLayout.setCollapsedTitleTextColor();

這一系列文章的地址,希望對大家有幫助

項目地址

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末悄晃,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子凿滤,更是在濱河造成了極大的恐慌妈橄,老刑警劉巖庶近,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異眷蚓,居然都是意外死亡鼻种,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門溪椎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來普舆,“玉大人,你說我怎么就攤上這事校读。” “怎么了祖能?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵歉秫,是天一觀的道長。 經(jīng)常有香客問我养铸,道長雁芙,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任钞螟,我火速辦了婚禮兔甘,結果婚禮上,老公的妹妹穿的比我還像新娘鳞滨。我一直安慰自己洞焙,他們只是感情好,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布拯啦。 她就那樣靜靜地躺著,像睡著了一般褒链。 火紅的嫁衣襯著肌膚如雪唁情。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天甫匹,我揣著相機與錄音,去河邊找鬼兵迅。 笑死篮绰,一個胖子當著我的面吹牛吠各,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播贾漏,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼纵散,長吁一口氣:“原來是場噩夢啊……” “哼梳码!你這毒婦竟也來了?” 一聲冷哼從身側響起伍掀,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤掰茶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蜜笤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體濒蒋,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年把兔,在試婚紗的時候發(fā)現(xiàn)自己被綠了沪伙。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡县好,死狀恐怖围橡,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情缕贡,我是刑警寧澤翁授,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站善绎,受9級特大地震影響黔漂,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜禀酱,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一炬守、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧剂跟,春花似錦减途、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至送淆,卻和暖如春税产,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工辟拷, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留撞羽,地道東北人。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓衫冻,卻偏偏與公主長得像诀紊,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子隅俘,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

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