Material Design之CollapsingToolbarLayout 相關(guān)屬性和方法介紹


廢話(huà)不多說(shuō)? 先看看這東西的效果圖。

一張沒(méi)圖片的和一張有圖片的,圖片太丑別怪我蟹演。還是把圖換了吧电抚,怕你們打我。


開(kāi)始無(wú)知的我還以為是監(jiān)聽(tīng) onTouchListener 根據(jù)滑動(dòng)的距離和位置來(lái)改變顯示效果來(lái)實(shí)現(xiàn)的。

唉,今天無(wú)意中看到這個(gè)?CollapsingToolbarLayout 。

百度了一下跋核,大致了解點(diǎn)。

不過(guò)東西還是要到 官方的地盤(pán)去看看原版的叛买。

所以就去android.support.design.widget這個(gè)包下找到“元兇”CollapsingToolbarLayout了砂代。

然后順便揪出了這些東西分享給大家。

1.android.support.design:collapsedTitleGravity

e.g. ?app:collapsedTitleGravity="left"

Specifies how the title should be positioned when collapsed.

指定在折疊之后標(biāo)題放置的位置

2.android.support.design:collapsedTitleTextAppearance

e.g. ?app:collapsedTitleTextAppearance="@color/colorPrimary"

The text appearance of the CollapsingToolbarLayouts title when it is fully 'collapsed'

Must be a reference to another resource, in the form "@[+][package:]type:name" or to a theme attribute in the form "?[package:][type:]name".

在折疊的時(shí)候標(biāo)題文字的外觀必須引用另一個(gè)資源 聪全,以“@[+][包:]類(lèi)型:名稱(chēng)”或 主題屬性形式”?(包:)類(lèi)型:名稱(chēng)”泊藕。

2.1 ?android.support.design:expandedTitleTextAppearance

和上面的一樣 ?在展開(kāi)的時(shí)候標(biāo)題文字的外觀

3.android.support.design:contentScrim

e.g. ?app:contentScrim="#ff5252"

The drawable to use as a scrim on top of the CollapsingToolbarLayouts content when it has been scrolled sufficiently off screen.

指定在折疊之后的背景色

4.android.support.design:expandedTitleGravity

e.g. ?app:expandedTitleGravity="left|bottom"

Specifies how the title should be positioned when expanded.

在展開(kāi)的時(shí)候 標(biāo)題放置的位置

5.android.support.design:expandedTitleMargin

e.g. ?app:expandedTitleMargin="16dp"

Specifies extra space on the start, top, end and bottom sides of the the expanded title text.

設(shè)置邊界距離 和 textview等效果一樣

6.android.support.design:expandedTitleMarginBottom底部的margin距離

7.android.support.design:expandedTitleMarginEnd右邊的margin距離

8.android.support.design:expandedTitleMarginStart左邊的margin距離

9.android.support.design:statusBarScrim

e.g. ?app:statusBarScrim="#123456"

The drawable to use as a scrim for the status bar content when the CollapsingToolbarLayout has been scrolled sufficiently off screen.

在折疊的時(shí)候 狀態(tài)欄的背景顏色

10. android.support.design:title

e.g. ?app:title="Title"

The title to show when titleEnabled is set to true.

如果標(biāo)題可用的話(huà) 顯示的標(biāo)題文字

11.android.support.design:titleEnabled

e.g. ?app:titleEnabled="true"

Whether the CollapsingToolbarLayout should draw its own shrinking/growing title.

是否顯示標(biāo)題

12.android.support.design:toolbarId

e.g. ?app:toolbarId="@id/toolbar"

The id of the primary Toolbar child that you wish to use for the purpose of collapsing.

在折疊的時(shí)候 顯示的toolbar的id

13.app:layout_scrollFlags="scroll|exitUntilCollapsed"

scroll - 想滾動(dòng)就必須設(shè)置這個(gè)。

enterAlways - 實(shí)現(xiàn)quick return效果, 當(dāng)向下移動(dòng)時(shí)难礼,立即顯示View(比如Toolbar)娃圆。

exitUntilCollapsed - 向上滾動(dòng)時(shí)收縮View,但可以固定Toolbar一直在上面蛾茉。

enterAlwaysCollapsed - 當(dāng)你的View已經(jīng)設(shè)置minHeight屬性又使用此標(biāo)志時(shí)讼呢,你的View只能以最小高度進(jìn)入,只有當(dāng)滾動(dòng)視圖到達(dá)頂部時(shí)才擴(kuò)大到完整高度谦炬。

測(cè)試的xml文件悦屏,可以copy進(jìn)去測(cè)試就行。

一個(gè)問(wèn)題NestedScrollView高度加上頂部AppBarLayout高度沒(méi)超過(guò)屏幕高低滑動(dòng)有問(wèn)題(只能在AppBarLayout范圍內(nèi)才能滑動(dòng))键思;

這里沒(méi)換MarkDown? 代碼不好弄, ?代碼傳送門(mén)

里面的有個(gè)imageview础爬,注釋已經(jīng)寫(xiě)的很清楚了。

當(dāng)然 里面的toolbar 你們還可以設(shè)置其他的屬性

然后里面的NestedScrollView這貨吼鳞。

它和scrollview 基本上一樣 ?但是它支持嵌套滾動(dòng) ?嵌套滾動(dòng)默認(rèn)是啟用的看蚜。

還有一個(gè)屬性,不過(guò)蛋疼的是這屬性要全手打赔桌,沒(méi)提示不知道怎么破供炎。

android:fillViewportlike: android:fillViewport="true"

Defines whether the scrollview should stretch its content to fill the viewport.

定義滾動(dòng)視圖是否應(yīng)該伸展它的內(nèi)容來(lái)填補(bǔ)視窗渴逻。


然后就是這個(gè)類(lèi)的一些方法:

draw(Canvas canvas)

Manually render this view (and all of its children) to the given Canvas.

渲染指定的畫(huà)布

//獲取新的布局參數(shù)

generateLayoutParams(AttributeSet attrs)

Returns a new set of layout parameters based on the supplied attributes set.

//設(shè)置和獲取折疊之后的標(biāo)題位置

getCollapsedTitleGravity();setCollapsedTitleGravity(int gravity)

//獲取和設(shè)置折疊之后的背景

getContentScrim()

setContentScrim(Drawable drawable)

setContentScrimColor(int color)

setContentScrimResource(int resId)

//設(shè)置和獲取展開(kāi)的標(biāo)題位置

setExpandedTitleGravity(int gravity)

getExpandedTitleGravity()

//獲取和設(shè)置狀態(tài)欄的顏色

getStatusBarScrim()

setStatusBarScrim(Drawable drawable)

setStatusBarScrimColor(int color)

setStatusBarScrimResource(int resId)

//設(shè)置和獲取標(biāo)題

setTitle(CharSequence title)

getTitle()

//獲取和設(shè)置標(biāo)題文字是否顯示

isTitleEnabled()

setTitleEnabled(boolean enabled)

//設(shè)置折疊之后的標(biāo)題文字外觀

setCollapsedTitleTextAppearance(int resId)

//設(shè)置折疊之后的標(biāo)題文字顏色

setCollapsedTitleTextColor(int color)

//設(shè)置展開(kāi)的標(biāo)題文字顏色

setExpandedTitleColor(int color)

//設(shè)置展開(kāi)的標(biāo)題文字外觀

setExpandedTitleTextAppearance(int resId)

如果你喜歡我寫(xiě)的,請(qǐng)關(guān)注我音诫。

歡迎留言拍磚惨奕。

我的博客:http://blog.csdn.net/lxk_1993

友情鏈接;

自定義View實(shí)戰(zhàn)(一) 汽車(chē)速度儀表盤(pán)

自定義View實(shí)戰(zhàn)(二) ?QQ健康水滴形加載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末竭钝,一起剝皮案震驚了整個(gè)濱河市梨撞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蜓氨,老刑警劉巖聋袋,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件队伟,死亡現(xiàn)場(chǎng)離奇詭異穴吹,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)嗜侮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén)港令,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人锈颗,你說(shuō)我怎么就攤上這事顷霹。” “怎么了击吱?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵淋淀,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我覆醇,道長(zhǎng)朵纷,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任永脓,我火速辦了婚禮袍辞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘常摧。我一直安慰自己搅吁,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布落午。 她就那樣靜靜地躺著谎懦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪溃斋。 梳的紋絲不亂的頭發(fā)上界拦,一...
    開(kāi)封第一講書(shū)人閱讀 51,301評(píng)論 1 301
  • 那天,我揣著相機(jī)與錄音盐类,去河邊找鬼寞奸。 笑死呛谜,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的枪萄。 我是一名探鬼主播隐岛,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼瓷翻!你這毒婦竟也來(lái)了聚凹?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤齐帚,失蹤者是張志新(化名)和其女友劉穎妒牙,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體对妄,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡湘今,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了剪菱。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片摩瞎。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖孝常,靈堂內(nèi)的尸體忽然破棺而出旗们,到底是詐尸還是另有隱情,我是刑警寧澤构灸,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布上渴,位于F島的核電站,受9級(jí)特大地震影響喜颁,放射性物質(zhì)發(fā)生泄漏稠氮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一洛巢、第九天 我趴在偏房一處隱蔽的房頂上張望括袒。 院中可真熱鬧,春花似錦稿茉、人聲如沸锹锰。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)恃慧。三九已至,卻和暖如春渺蒿,著一層夾襖步出監(jiān)牢的瞬間痢士,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工茂装, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留怠蹂,地道東北人善延。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像城侧,于是被迫代替她去往敵國(guó)和親易遣。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

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