關(guān)于Material Design

一、核心組件

1咐蝇、過渡布局

(1)CoordinatorLayout(ViewGroup)
(2)AppBarLayout(LinearLayout)
(3)CollapsingToolbarLayout(FrameLayout)
(4)Toolbar(ViewGroup)
(5)NestedScrollView(FrameLayout)

2爆侣、菜單控件

(1)TabLayout(HorizontalScrollView)

(2)NavigationView(FrameLayout)

3凉蜂、常規(guī)控件

(1)RecyclerView
(2)CardView
(3)FloatingActionButton(FAB)
(4)TextInputLayout
(5)Snackbar
(6)SwipeRefreshLayout

二恨课、頁面滾動折疊效果

1险胰、實現(xiàn)方式

(1)志衣、折疊視圖使用Toolbar屯援,滾動視圖使用RecyclerView,兩者相互搭配念脯;
(2)狞洋、折疊視圖使用CollapsingToolbarLayout,滾動視圖使用NestedScrollView和二,兩者相互搭配徘铝;
(3)、折疊視圖使用Toolbar( + TabLayout)惯吕,滾動視圖使用ViewPager(Fragment + RecyclerView)

2惕它、布局特殊屬性

(1)、折疊視圖中的app:layout_scrollFlags屬性:
scroll:只要想要實現(xiàn)折疊展示的功能废登,就必須添加scroll這個值淹魄;
exitUntilCollapsed:手向上滑動(頁面向下滾動)時收縮View,但固定Toolbar一直在上面堡距;
enterAlways:手向下滑動(頁面向上滾動)時甲锡,立即顯示被收縮折疊的Toolbar兆蕉;
enterAlwaysCollapsed:手向下滑動(頁面向上滾動)時,View仍一直處于折疊狀態(tài)缤沦,直到滾動視圖滾到頂部而無法再滾動時View才展開到完整高度虎韵;
所以,
在實現(xiàn)方式(1)(3)中缸废,使用app:layout_scrollFlags="scroll|enterAlways"包蓝;
在實現(xiàn)方式(2)中,使用app:layout_scrollFlags="scroll|exitUntilCollapsed|enterAlwaysCollapsed"
(也可以只寫"scroll|exitUntilCollapsed"企量,因為不寫enter默認(rèn)就為enterAlwaysCollapsed)测萎。

(2)滾動視圖中的app:layout_behavior屬性

三、NavigationView

  1. 新建Navigation Drawer Activity(發(fā)現(xiàn)布局根節(jié)點是DrawerLayout届巩,此節(jié)點里面只能放兩個子元素硅瞧,且兩子元素必須是平級的。第一個子元素是位于主界面的appbar第二個子元素是NavigationView恕汇,即側(cè)滑展示出來的抽屜)
  2. NavigationView
    NavigationView有兩個特殊的屬性:
    app:headerLayout="@layout/nav_header_navigation"
    app:menu="@menu/activity_navigation_drawer"
    上面的屬性是抽屜頭布局腕唧,參考Play商店側(cè)滑抽屜上面那個展示頭像和賬號名稱的部分。
    下面的屬性是抽屜里詳細(xì)的菜單欄拇勃。

四四苇、FloatingActionButton(FAB)

  1. 一般的FAB(位于界面右下角)不需要寫什么特殊的屬性
  2. 特殊的FAB孝凌,例如附著在CollapsingToolbarLayout(其實是附著在AppBarLayout)的FAB方咆,有兩個特殊屬性app:layout_anchor="@id/app_bar"app:layout_anchorGravity="bottom|end"
    anchor是錨的意思蟀架,所以
    上面的屬性代表此FAB的圓心附著在哪個View上面瓣赂,下面的屬性代表附著的對齊方式,此例是偏下偏右片拍,即附著在該View的右下方煌集。

五、CardView

  1. 內(nèi)容展示的基本載體原本放TextView或者ImageView的地方捌省,我們在外層套一個CardView苫纤,就能實現(xiàn)卡片式展示效果。
  2. CardView的特殊屬性:
    app:cardCornerRadius="25dp"
    app:cardElevation="10dp"
    上面的屬性是用來設(shè)置卡片的圓角弧度纲缓。
    下面的屬性指的是卡片的提升卷拘,即在Z軸上的高度。

六祝高、Snackbar

七栗弟、TextInputLayout

每一個原有的EditText外層都套一個TextInputLayout,此布局可以對EditText中輸入的文本進行驗證工闺,并給予相關(guān)提示乍赫。
(還有一個相關(guān)的叫TextInputEditText瓣蛀,單獨使用,不可嵌套在TextInputLayout中)

八雷厂、新增動畫

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末惋增,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子改鲫,更是在濱河造成了極大的恐慌器腋,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钩杰,死亡現(xiàn)場離奇詭異纫塌,居然都是意外死亡,警方通過查閱死者的電腦和手機讲弄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進店門措左,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人避除,你說我怎么就攤上這事怎披。” “怎么了瓶摆?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵凉逛,是天一觀的道長。 經(jīng)常有香客問我群井,道長状飞,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任书斜,我火速辦了婚禮诬辈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘荐吉。我一直安慰自己焙糟,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布样屠。 她就那樣靜靜地躺著穿撮,像睡著了一般。 火紅的嫁衣襯著肌膚如雪痪欲。 梳的紋絲不亂的頭發(fā)上悦穿,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天,我揣著相機與錄音勤揩,去河邊找鬼咧党。 笑死,一個胖子當(dāng)著我的面吹牛陨亡,可吹牛的內(nèi)容都是我干的傍衡。 我是一名探鬼主播深员,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蛙埂!你這毒婦竟也來了倦畅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤绣的,失蹤者是張志新(化名)和其女友劉穎叠赐,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體屡江,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡芭概,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了惩嘉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片罢洲。...
    茶點故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖文黎,靈堂內(nèi)的尸體忽然破棺而出惹苗,到底是詐尸還是另有隱情,我是刑警寧澤耸峭,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布桩蓉,位于F島的核電站,受9級特大地震影響劳闹,放射性物質(zhì)發(fā)生泄漏院究。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一玷或、第九天 我趴在偏房一處隱蔽的房頂上張望儡首。 院中可真熱鬧片任,春花似錦偏友、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至产场,卻和暖如春鹅髓,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背京景。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工窿冯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人确徙。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓醒串,卻偏偏與公主長得像执桌,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子芜赌,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,614評論 2 353

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

  • 最近了解了下CollapsingToolbarLayout的使用仰挣。 xml代碼如下: xmlns:app="htt...
    簡單Liml閱讀 266評論 0 0
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,755評論 22 665
  • 下面的代碼大部分是由系統(tǒng)自帶生成的,其中NestedScrollView的部分是后來添加進去的 運行之后碰到了第一...
    Tauruse閱讀 381評論 0 0
  • 影子如你我 說遠(yuǎn)不遠(yuǎn) 說近不近 我能看見如影隨形的你 卻觸摸不到近在咫尺的你 愛如浮云 你漂浮的是自由 我羨慕的是...
    灰灰小馬閱讀 233評論 0 0
  • 始載于《神農(nóng)本草經(jīng)》缠沈,列為上品膘壶。 功效:補脾益氣,清熱解毒洲愤,祛痰止咳颓芭,緩急止痛,調(diào)和諸藥柬赐。 來源:豆科植物畜伐,甘草、...
    占小橙閱讀 1,666評論 2 2