Material Design

Material 是Google 推出的Android設(shè)計(jì)風(fēng)格答姥,在此收錄Material風(fēng)格的庫(kù),其中Google自帶的組件已經(jīng)在高版本實(shí)現(xiàn)了Material風(fēng)格葡兑。原生控件material想要修改顏色需要重寫style,在控件上用app:theme進(jìn)行設(shè)置
android design support library使用詳解
android design support library使用詳解
Android進(jìn)階系列--Design Support Library使用詳解(Snackbar,TextInputLayout,TabLayout,NavigationView...)
material-components-android
官方material-Android組件庫(kù)
使用Material Design 應(yīng)用主題

一個(gè)人整理的Material Design的資料
里面也有些Material的開源庫(kù)衫贬,可以好好學(xué)習(xí)一下译隘。
附上官方翻譯:

Material Design
Material Design 中文版(極客學(xué)院)
Material Design 中文版(Github)

1、MaterialDesignUse
一個(gè)人在寫的使用官方庫(kù)中的控件案例固耘,可以看看。
MaterialDesignSamples這是另一個(gè)人寫的material的例子厅目,里面有博客說明。

01.gif

2葫笼、MaterialDesignLibrary
一個(gè)Material 風(fēng)格的控件庫(kù)

I}M3W52KJ3T2J`TZ0$12RW.png

3拗馒、material-camera
Material 風(fēng)格的照相機(jī)

4路星、material-range-bar

LT7HI_Z}){BFSXAT.png

5、material-calendarview
一個(gè)Material風(fēng)格的日歷

screencast.gif

6诱桂、material
也是一個(gè)Material風(fēng)格的控件庫(kù)洋丐,種類可能比上面一個(gè)更多點(diǎn)
[圖片上傳失敗...(image-52b3ea-1511396590833)]
[圖片上傳失敗...(image-a6f4e4-1511396590833)]

7、MaterialDateRangePicker
一個(gè)Material風(fēng)格的時(shí)間選擇器挥等,5.0以上系統(tǒng)自帶

25CRDB11DJ867.png

8友绝、Carbon
針對(duì)Android 2.1或更高版本的Material Design實(shí)現(xiàn)。這不是Lollipop API和功能的精確復(fù)制肝劲。它是設(shè)計(jì)規(guī)范中最實(shí)用內(nèi)容的一個(gè)自定義實(shí)現(xiàn)九榔。 該庫(kù)還具有一些其他非標(biāo)準(zhǔn)擴(kuò)展,比如圓角布局和分頻器視圖涡相,便于分隔創(chuàng)建哲泊。

Q94J3(ON$VK@O4ZAF96({{2.png

9、MaterialViewPager
一個(gè)Material風(fēng)格的viewpager催蝗,功能多切威,看github上圖片會(huì)了解的更多

687474703a2f2f73686172652e676966796f75747562652e636f6d2f796762716e412e676966.gif

10、material-sheet-fab
酷炫動(dòng)畫效果的FAB按鈕

bgmonitor.gif

11丙号、material-design-icons
google出品的Material風(fēng)格的圖標(biāo)先朦,Android studio 里應(yīng)該都有了的

EPWV%$4.png

12、material-icon-lib
含有超過1500矢量素材圖標(biāo)可以方便使用中或作為一個(gè)獨(dú)立的視角下的庫(kù)
[圖片上傳失敗...(image-88cd68-1511396590833)]

13犬缨、material-dialogs
一個(gè)Material風(fēng)格的dialog喳魏,種類很多,方便使用

14刺彩、MaterialDialog
也是一個(gè)Material風(fēng)格的dialog创倔,種類沒上面的多畦攘,但是好像能設(shè)置背景

VT83JOP8OGVF{G4XXDB~ATV.png

15叹螟、material-ripple
一個(gè)Material的波紋效果
[圖片上傳失敗...(image-1313ea-1511396590833)]

16首妖、materialish-progress
Material風(fēng)格的progress,尷尬的是就一個(gè)圓形進(jìn)度

spinningwheel.gif

17、MaterialProgressBar
一個(gè)Material風(fēng)格的progress温亲,種類多點(diǎn)

android_4_4_4.png

18栈虚、MaterialEditText
一個(gè)Material風(fēng)格的EditText魂务,擁有多種樣式和功能粘姜,滿足日常開發(fā)

Q2HCJ.png

19、MaterialTextField
一個(gè)與眾不同的美麗浮動(dòng)編輯文本器

6676966.gif

20孤紧、MaterialTabs
一個(gè)Material風(fēng)格的Tabs

XSS.png

21号显、BottomNavigation
Google最近添加到Material design中的底部導(dǎo)航欄BottomNavigationBar押蚤,也可以說是現(xiàn)今Android底部導(dǎo)航欄的一個(gè)標(biāo)準(zhǔn)與統(tǒng)一吧揽碘。幾個(gè)類似的Material-BottomNavigation帅矗、BottomBar浑此、ahbottomnavigation凛俱、PagerBottomTabStrip蒲犬、BottomNavigationBar原叮、
AdaptableBottomNavigation

image

22奋隶、material-menu
一個(gè)Material的菜單

image

23、MaterialRecents
MaterialRecents 一個(gè)仿安卓5.0任務(wù)管理器最近打開任務(wù)卡片效果的自定義布局境氢。
通過ViewPager和 自定義一個(gè)RecentsList 來實(shí)現(xiàn)萍聊。

recents.gif

24脐区、material-animated-switch
Material風(fēng)格的動(dòng)畫開關(guān)

swtich.gif

25牛隅、material-code-input
Material風(fēng)格的字碼輸入

codeInput1.gif

26、materialmixer
materialpalette
Material說明上的色值
谷歌官方的Material Design顏色值

27默伍、MaterialLogin
一個(gè)Material風(fēng)格的登陸也糊,動(dòng)畫不錯(cuò)狸剃,可以學(xué)習(xí)一下钞馁。

28僧凰、Material-Animations
一個(gè)轉(zhuǎn)場(chǎng)動(dòng)畫框架

LHKUKY9OAJ73HDU6.png

29伪节、Matisse
一個(gè)Material風(fēng)格的本地圖片視頻選擇器

REE5Y.png

30怀大、MaterialSearchBar
Material風(fēng)格的搜索控件
其他相似的SearchView

preview.gif

31、BadgeView
支持自由定制外觀总珠、拖拽消除的MaterialDesign風(fēng)格Android BadgeView

image.png

32局服、Alerter
一個(gè)從上面彈下來的提示

alert_default.gif

33、Space-Navigation-View

IH7JK5L.png

34唆迁、MaterialAbout

LP1.png

35唐责、Android-SwitchIcon
擁有兩種狀態(tài)的圖標(biāo)

sample.gif

36鼠哥、ArcNavigationView

37抄罕、CoordinatorTabLayout
CoordinatorTabLayout是一個(gè)自定義組合控件,可快速實(shí)現(xiàn)TabLayout與CoordinatorLayout相結(jié)合的樣式 繼承至CoordinatorLayout, 在該組件下面使用了CollapsingToolbarLayout包含TabLayout

show1.gif

38呆贿、MaterialDrawer
靈活,易于使用,所有在一個(gè)抽屜里圖書館為你的Android項(xiàng)目

58JV.png

39榨崩、LolliPin
一個(gè)Material風(fēng)格的密碼庫(kù)母蛛,支持指紋

github_gif.gif

40彩郊、MaterialFilePicker

RAJJ6K88ZCZB.png

41、MaterialChipsInput
Chips 是 Material Design 中組件询枚,他們被描述為:小卻相對(duì)復(fù)雜的個(gè)體金蜀,比如聯(lián)系人。Chip 可以包含一些獨(dú)立的東西尝胆,比如照片含衔、文本二庵、條款催享、圖標(biāo)或者聯(lián)系人睡陪。MaterialChipsInput 是在 Android 中實(shí)現(xiàn)的那個(gè)組件匿情。這個(gè)庫(kù)提供了兩個(gè)視圖:ChipsInput 和 ChipView 炬称。

demo2.gif

42玲躯、MaterialStepperView

vertical.gif

43、MaterialShadows
material的陰影

Paste_Image.png

44朽缴、JFoenix
一個(gè)material的設(shè)計(jì)風(fēng)格庫(kù)密强,圖到GitHub上看吧蜗元,用于web奕扣,也可以用與Android的惯豆。

45、MaterialDateTimePicker
material的時(shí)間日期選擇器

46框仔、Album
material風(fēng)格的選擇器

image.png

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市瘪匿,隨后出現(xiàn)的幾起案子棋弥,更是在濱河造成了極大的恐慌顽染,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件尼荆,死亡現(xiàn)場(chǎng)離奇詭異捅儒,居然都是意外死亡巧还,警方通過查閱死者的電腦和手機(jī)坊秸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門摇锋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來站超,“玉大人死相,你說我怎么就攤上這事∩穑” “怎么了陷舅?”我有些...
    開封第一講書人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵莱睁,是天一觀的道長(zhǎng)仰剿。 經(jīng)常有香客問我南吮,道長(zhǎng)誊酌,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任施无,我火速辦了婚禮猾骡,結(jié)果婚禮上敷搪,老公的妹妹穿的比我還像新娘赡勘。我一直安慰自己,他們只是感情好毙替,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開白布厂画。 她就那樣靜靜地躺著袱院,像睡著了一般忽洛。 火紅的嫁衣襯著肌膚如雪环肘。 梳的紋絲不亂的頭發(fā)上悔雹,一...
    開封第一講書人閱讀 51,754評(píng)論 1 307
  • 那天荠商,我揣著相機(jī)與錄音莱没,去河邊找鬼酷鸦。 笑死,一個(gè)胖子當(dāng)著我的面吹牛嘹裂,可吹牛的內(nèi)容都是我干的寄狼。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼伊磺,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼屑埋!你這毒婦竟也來了摘能?” 一聲冷哼從身側(cè)響起团搞,我...
    開封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤莺丑,失蹤者是張志新(化名)和其女友劉穎梢莽,沒想到半個(gè)月后奸披,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體阵面,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡样刷,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年置鼻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了箕母。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片俱济。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蛛碌,死狀恐怖蔚携,靈堂內(nèi)的尸體忽然破棺而出浮梢,到底是詐尸還是另有隱情秕硝,我是刑警寧澤洲尊,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布坞嘀,位于F島的核電站丽涩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏继准。R本人自食惡果不足惜移必,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一崔泵、第九天 我趴在偏房一處隱蔽的房頂上張望憎瘸。 院中可真熱鬧陈瘦,春花似錦、人聲如沸含潘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)饰抒。三九已至袋坑,卻和暖如春眯勾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背也颤。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工翅娶, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留竭沫,地道東北人输吏。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓贯溅,卻偏偏與公主長(zhǎng)得像躲查,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子姐霍,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355