# MaterialDesignCenter

**Repository Path**: tongwanglin/MaterialDesignCenter

## Basic Information

- **Project Name**: MaterialDesignCenter
- **Description**: Collection of material design libs and res.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2015-01-13
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

MaterialDesignCenter
==================

Collection of material design libs and res.  
>如果你也有不错的Material Design相关资源，可直接Commit，但在Commit之前，请进行Preview changes，看一下预览图.根据提交的项目，尽量选取几张具有代表性的图片，正常3张图片放在一排应该能代表该项目，如果比较特殊，可以另起一行放置，图片的命名和规格可以参照已提交的图片，因为该项目的主很多地方都是效果展示，为保持整体的一致性和美观性，请大家尽量遵循以上规则，欢迎大家Star、Fork :)。


# 资源
### Material Design介绍：  
http://www.google.com/design/spec/material-design/introduction.html  
http://design.1sters.com(中文)
  
### 设计资源
https://github.com/google/material-design-icons    

https://github.com/Templarian/MaterialDesign   
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialDesign-a.png" width="480" alt="Screenshot"/>   

https://github.com/intrications/material-design-icons-adt-template  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/material-design-icons-adt-template-a.png" width="500" height="300" alt="Screenshot"/> 
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/material-design-icons-adt-template-b.png" width="500" height="300" alt="Screenshot"/>   



### 官方Blog  
[AppCompat v21 — Material Design for Pre-Lollipop Devices!](http://android-developers.blogspot.jp/2014/10/appcompat-v21-material-design-for-pre.html)  
[Implementing material design in your Android app](http://android-developers.blogspot.jp/2014/10/implementing-material-design-in-your.html)  
[Material Design on Android Checklist](http://android-developers.blogspot.jp/2014/10/material-design-on-android-checklist.html)  
##### 译文
[进入Material Design时代](http://blog.csdn.net/xushuaic/article/details/40627389)  
[AppCompat V21：将 Materia Design 兼容到5.0之前的设备](http://blog.csdn.net/xushuaic/article/details/40212327)

### 官方 Material Design App
Google  2014: https://github.com/google/iosched  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/iosched-a.jpg" width="230" height="400" alt="Screenshot"/> 
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/iosched-b.jpg" width="230" height="400" alt="Screenshot"/> 
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/iosched-d.jpg" width="230" height="400" alt="Screenshot"/>  
（下载地址：http://vdisk.weibo.com/s/av06eFs1kWSeE  如果需要梯子，文件夹下的另一个fqrouter会帮到你）    

### 视频教程
https://www.youtube.com/watch?v=97SWYiRtF0Y&feature=youtu.be  
https://www.youtube.com/watch?v=S3H7nJ4QaD8  
https://skillsmatter.com/skillscasts/5627-material-design

# Material Libs  

### 示例集合
https://github.com/navasmdc/MaterialDesignLibrary  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialDesignLibrary-a.png" width="160" height="100" alt="Screenshot"/> 
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialDesignLibrary-b.png" width="120" height="60" alt="Screenshot"/> 
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialDesignLibrary-c.png" width="130" height="60" alt="Screenshot"/> 
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialDesignLibrary-d.png" width="130" height="60" alt="Screenshot"/> 
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialDesignLibrary-e.png" width="130" height="60" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialDesignLibrary-h.png" width="260" height="410" alt="Screenshot"/>  

https://github.com/keithellis/MaterialWidget    
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialWidget.png" width="480" height="410" alt="Screenshot"/>   

https://github.com/mikepenz/Android-LollipopShowcase  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/Android-LollipopShowcase-a.jpg" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/Android-LollipopShowcase-b.jpg" width="260" height="410" alt="Screenshot"/>

https://github.com/rahulparsani/google-io-2014-compat  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/google-io-2014-compat-a.gif" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/google-io-2014-compat-b.gif" width="260" height="410" alt="Screenshot"/>

https://github.com/romainguy/google-io-2014  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/google-io-2014-a.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/google-io-2014-b.png" width="260" height="410" alt="Screenshot"/>  

https://github.com/dexafree/MaterialList  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialList-a.png" width="400" height="210" alt="Screenshot"/> <img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialList-b.png" width="400" height="210" alt="Screenshot"/>  

https://github.com/saulmm/Android-Material-Example  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/Android-Material-Example-a.gif" width="400" height="200" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/Android-Material-Example-b.gif" width="260" height="410" alt="Screenshot"/>

https://github.com/antoniolg/MaterialEverywhere   
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialEverywhere.gif" width="260" height="410" alt="Screenshot"/>    

https://github.com/rejasupotaro/MaterialDesignSample  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialDesignSample-a.png" width="600" height="320" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialDesignSample-d.gif" width="260" height="410" alt="Screenshot"/>

https://github.com/xiprox/Material-Action-Bar-Sample  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/Material-Action-Bar-Sample-a.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/Material-Action-Bar-Sample-b.png" width="260" height="410" alt="Screenshot"/>

https://github.com/saleeh93/Android-Material-support-libraries-Samples  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/Android-Material-support-libraries-Samples-a.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/Android-Material-support-libraries-Samples-b.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/Android-Material-support-libraries-Samples-c.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/Android-Material-support-libraries-Samples-d.png" width="260" height="410" alt="Screenshot"/>

https://github.com/shawwinbin/MaterialDesignSupport  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialDesignSupport-a.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialDesignSupport-b.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialDesignSupport-c.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialDesignSupport-d.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialDesignSupport-e.png" width="260" height="410" alt="Screenshot"/>

https://github.com/sprik/notificationmaterial  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/notificationmaterial-a.png" width="260" height="410" alt="Screenshot"/>

https://github.com/aNNiMON/PaperStyleWidgets  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/PaperStyleWidgets-a.gif" alt="Screenshot"/>

https://github.com/tekinarslan/AndroidMaterialDesignToolbar  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/AndroidMaterialDesignToolbar-a.gif" width="260" height="410" alt="Screenshot"/>

https://github.com/afollestad/material-dialogs  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/material-dialogs-a.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/material-dialogs-b.png" width="260" height="410" alt="Screenshot"/>


### FAB
https://github.com/FaizMalkani/FloatingActionButton（无图）  
https://github.com/futuresimple/android-floating-action-button  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/android-floating-action-button-a.gif" width="120" height="320" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/android-floating-action-button-b.png" width="120" height="120" alt="Screenshot"/>  

https://github.com/telly/FloatingAction  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/FloatingAction.gif" width="260" height="410" alt="Screenshot"/>  

https://github.com/makovkastar/FloatingActionButton  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/FloatingActionButton.gif" width="260" height="410" alt="Screenshot"/>  

https://github.com/flavienlaurent/tickplusdrawable  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/tickplusdrawable.gif" width="180" height="280" alt="Screenshot"/>

https://github.com/glomadrian/Android-Material-circular-button  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/Android-Material-circular-button-a.gif" width="260" height="410" alt="Screenshot"/>

https://github.com/onivas/MenuAnimation  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MenuAnimation-a.gif" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MenuAnimation-b.gif" width="260" height="410" alt="Screenshot"/>

### Menu & Drawer

https://github.com/markushi/android-ui  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/android-ui-a.gif" width="80" height="80" alt="Screenshot"/>  

https://github.com/balysv/material-menu  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/material-menu.gif" width="410" height="70" alt="Screenshot"/>  

https://github.com/ikimuhendis/LDrawer  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/LDrawer.gif" width="260" height="410" alt="Screenshot"/>  
https://github.com/kanytu/android-material-drawer-template  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/android-material-drawer-template.gif" width="260" height="410" alt="Screenshot"/>  

https://github.com/neokree/MaterialTabs  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialTabs-a.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialTabs-b.png" width="260" height="410" alt="Screenshot"/>  

https://github.com/lewisjdeane/L-Navigation-Drawer  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/L-Navigation-Drawer-a.png" width="260" height="410" alt="Screenshot"/>

https://github.com/DympyDev/Material_Navigationdrawer (无图)  
https://github.com/datallboy/MaterialNavigation (无图)

https://github.com/ChrisRenke/DrawerArrowDrawable  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/DrawerArrowDrawable.gif" width="460" alt="Screenshot"/>

### Tricks
https://github.com/ksoichiro/Android-ObservableScrollView  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/Android-ObservableScrollView-a.gif" width="280" height="230" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/Android-ObservableScrollView-c.gif" width="280" height="230" alt="Screenshot"/>  
https://github.com/Kennyc1012/SnackBar  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/SnackBar.gif" width="260" height="410" alt="Screenshot"/>  

### Ripple

https://github.com/markushi/android-ui  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/android-ui-ripple.gif" width="260" height="410" alt="Screenshot"/>  

https://github.com/traex/RippleEffect  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/RippleEffect.gif" width="410" height="260" alt="Screenshot"/>  

https://github.com/siriscac/RippleView  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/RippleView.gif" width="260" height="410" alt="Screenshot"/>  

https://github.com/skyfishjy/android-ripple-background  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/android-ripple-background-a.gif" width="260" height="410" alt="Screenshot"/>

https://github.com/balysv/material-ripple  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/material-ripple-a.gif" width="260" height="410" alt="Screenshot"/>

https://github.com/03uk/RippleDrawable  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/RippleDrawable-a.jpg" alt="Screenshot"/>

https://github.com/twang2218/material-design-toolkit (无图)

### Transition
https://github.com/saulmm/android_L_preview_example(图太大)  
https://github.com/andkulikov/transitions-everywhere  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/transitions-everywhere.gif" width="260" height="410" alt="Screenshot"/>

### Vector
https://github.com/chiuki/animated-vector-drawable  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/animated-vector-drawable.gif" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/animated-vector-drawable-b.gif" width="260" height="410" alt="Screenshot"/>

### Dialog
https://github.com/drakeet/MaterialDialog  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialDialog.png" width="280" height="430" alt="Screenshot"/>  

https://github.com/r0adkll/PostOffice   
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/PostOffice.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/PostOffice-b.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/PostOffice-c.png" width="260" height="410" alt="Screenshot"/>  

https://github.com/lewisjdeane/L-Dialogs  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/L-Dialogs.jpg" width="1000" height="430" alt="Screenshot"/> 

https://github.com/AndroidDeveloperLB/MaterialStuffLibrary  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialStuffLibrary-a.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialStuffLibrary-b.png" width="260" height="410" alt="Screenshot"/>

https://github.com/fengdai/AlertDialogPro  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/AlertDialogPro-a.png" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/AlertDialogPro-b.png" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/AlertDialogPro-c.png" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/AlertDialogPro-d.png" alt="Screenshot"/>

### EditText
https://github.com/rengwuxian/MaterialEditText  
<img src="https://github.com/lightSky/MaterialDesignCenter/blob/master/demoRes/MaterialEditText-a.png" width="410" height="210" alt="Screenshot"/> 

https://github.com/zst123/MaterialTextField  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/MaterialTextField-a.jpg" alt="Screenshot"/>

### Animations
https://github.com/gabrielemariotti/RecyclerViewItemAnimators  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/RecyclerViewItemAnimators.gif" width="260" height="410" alt="Screenshot"/>

# 完整项目
https://github.com/afollestad/cabinet  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/cabinet-a.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/cabinet-b.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/cabinet-c.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/cabinet-d.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/cabinet-e.png" width="260" height="410" alt="Screenshot"/>
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/cabinet-f.png" width="260" height="410" alt="Screenshot"/>