# MaterialDesignCenter

**Repository Path**: mijack/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-04-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

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

**关于我**        
微博: [light_sky](http://www.weibo.com/lightSkyStreet)     Blog:[lightskystreet.com](http://www.lightskystreet.com/)       邮箱: huberycarl@gmail.com  

# 资源
### Material Design介绍：  
http://www.google.com/design/spec/material-design/introduction.html  
[MaterialDesign中文文档](http://design.1sters.com/)  
[官方放出的大量Demo，含MaterialDesign相关](https://github.com/googlesamples)
  
### 设计资源
https://github.com/google/material-design-icons    
http://www.materialup.com/       Daily showcase of the best Material Design websites and apps! 
http://www.materialpalette.com/  快速搭配Material Design主题颜色的并且提供下载的在线网站

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"/>   

[android-material-icons](https://github.com/Malinskiy/android-material-icons)(无图)  

### 官方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/matb.com/03uk/RippleDrawableerial-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="/demoRes/iosched-a.jpg" width="230" height="400" alt="Screenshot"/> 
<img src="/demoRes/iosched-b.jpg" width="230" height="400" alt="Screenshot"/> 
<img src="/demoRes/iosched-d.jpg" width="230" height="400" alt="Screenshot"/>  
（下载地址：http://vdisk.weibo.com/s/av06eFs1kWSeE  如果需要梯子，文件夹下的另一个fqrouter会帮到你）    

### 个人教程  
[How to upgrade your app’s design from Holo to Material Design — A case study](https://medium.com/@orhnsnmz/how-to-upgrade-your-apps-design-from-holo-to-material-design-a-case-study-f77e33a528c8)  
[My Journey to Lollipop Transitions: part 1](http://jimulabs.com/2014/12/journey-lollipop-transitions-part-1/?utm_source=Android+Weekly&utm_campaign=5b8f334ff8-Android_Weekly_133&utm_medium=email&utm_term=0_4eb677ad19-5b8f334ff8-337298809)  
[Content Transitions In-Depth (part 2)](http://www.androiddesignpatterns.com/2014/12/activity-fragment-content-transitions-in-depth-part2.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+androiddesignpatterns+%28Android+Design+Patterns%29)  
[Material design in the 2014 Google I/O app](https://medium.com/google-design/material-design-in-the-2014-google-i-o-app-e3b22caffae6)  
[MaterialDesigh 学习笔记](http://www.uisdc.com/comprehensive-material-design-note#368390-tsina-1-73915-ebfdadd9b239798c6a2035c828aafd11)

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

### MaterialDesign设计网站  
http://www.materialup.com/

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

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

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

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

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

https://github.com/dexafree/MaterialList  
<img src="/demoRes/MaterialList-a.png" width="380" height="200" alt="Screenshot"/> 
<img src="/demoRes/MaterialList-b.png" width="380" height="200" alt="Screenshot"/>  

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

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

https://github.com/rejasupotaro/MaterialDesignSample  
<img src="/demoRes/MaterialDesignSample-d.gif" width="200" height="360" alt="Screenshot"/>
<img src="/demoRes/MaterialDesignSample-a.png" width="570" height="320" alt="Screenshot"/>


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

https://github.com/saleeh93/Android-Material-support-libraries-Samples  
<img src="/demoRes/Android-Material-support-libraries-Samples-a.png" width="240" height="380" alt="Screenshot"/>
<img src="/demoRes/Android-Material-support-libraries-Samples-b.png" width="240" height="380" alt="Screenshot"/>
<img src="/demoRes/Android-Material-support-libraries-Samples-c.png" width="240" height="380" alt="Screenshot"/>

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

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

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

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

https://github.com/afollestad/material-dialogs  
<img src="/demoRes/material-dialogs-a.png" width="260" height="410" alt="Screenshot"/>
<img src="/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="/demoRes/android-floating-action-button-a.gif" width="120" height="320" alt="Screenshot"/>
<img src="/demoRes/android-floating-action-button-b.png" width="120" height="120" alt="Screenshot"/>  

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

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

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

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



### Menu & Drawer & Widget

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

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

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

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

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

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

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

https://github.com/rudsonlive/NavigationDrawer-MaterialDesign  
<img src="/demoRes/navigationdrawer-materialdesign.png" width="260" height="410" alt="Screenshot"/>    

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


https://github.com/kyleduo/SwitchButton  
<img src="/demoRes/SwitchButton-a.jpg"  width="410" height="410" alt="Screenshot"/>
<img src="/demoRes/SwitchButton-b.png" width="260" height="410" alt="Screenshot"/>  

https://github.com/pnikosis/materialish-progress  
<img src="/demoRes/materiallish-progress.gif" width="290" height="210" alt="Screenshot"/>    

https://github.com/lsjwzh/MaterialLoadingProgressBar    
<img src="https://github.com/lsjwzh/MaterialLoadingProgressBar/blob/master/screen_1.gif" width="260" height="410" alt="Screenshot"/>    

https://github.com/AnderWeb/discreteSeekBar  
<img src="/demoRes/discreteSeekBar-a.gif" width="450" height="160" alt="Screenshot"/>    
<img src="/demoRes/discreteSeekBar-b.gif" width="450" height="270" alt="Screenshot"/>    


https://github.com/DympyDev/Material_Navigationdrawer (无图)  
https://github.com/datallboy/MaterialNavigation (无图)   
https://github.com/HeinrichReimer/material-drawer (无图) 

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

### Ripple

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

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

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

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

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

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

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

### Palette  
https://github.com/saulmm/OpenLibra-Material  
<img src="/demoRes/openlibra-material.gif" width="260" height="410" alt="Screenshot"/>

https://github.com/novoda/material-painter  
<img src="/demoRes/material-painter.gif" width="260" height="410" alt="Screenshot"/>  

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

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

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

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

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

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

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

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

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

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

### Reveal
https://github.com/03uk/CircularReveal  
<img src="/demoRes/CircularReveal.gif" alt="Screenshot"/>

https://github.com/kyze8439690/RevealLayout  
<img src="/demoRes/RevealLayout.gif" alt="Screenshot"/>

https://github.com/ferdy182/Android-CircularRevealFragment  
<img src="/demoRes/Android-CircularRevealFragment.gif" width="260" height="410" alt="Screenshot"/>  

### TextDrawable  
https://github.com/amulyakhare/TextDrawable  
<img src="/demoRes/TextDrawable-a.png" width="260" height="410" alt="Screenshot"/>
<img src="/demoRes/TextDrawable-b.png" width="260" height="410" alt="Screenshot"/>  

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

https://github.com/ekx/GitLabAndroid  
<img src="https://github.com/inferjay/MaterialDesignCenter/blob/master/demoRes/GitLabAndroid.png"  alt="Screenshot"/>

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

https://github.com/xiprox/WaniKani-for-Android  
<img src="/demoRes/WaniKani-for-Android.png" width="480" height="240" alt="Screenshot"/>