Material Design？言いたい事はわかった。だがどうやって実装しろと？そんなあなたに贈るMaterial Design対応ライブラリ集


Material Designに対応しているライブラリをコンポーネント別にまとめてみました。
一応  GoogleのMaterial Designを説明している[components](http://www.google.com/design/spec/components/bottom-sheets.html) と同じ順で、ライブラリとスクリーンショットをつらつら並べてみました。

## Buttom sheets

### BottomSheet
https://github.com/soarcn/BottomSheet

ダイアログを実装する間隔で使えます。

<img src="https://github.com/soarcn/BottomSheet/raw/master/art/image.png?raw=true" />
<img src="https://github.com/soarcn/BottomSheet/raw/master/art/image2.png?raw=true" />

## Buttons

### MaterialDesignLibrary
https://github.com/navasmdc/MaterialDesignLibrary

○Flat Button

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/flat_button.png" />

○Rectangle Button

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/rectangle_button.png" />

○Float Button

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/float_button.png" />

○Float Small Button

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/float_button.png" />

### FloatingActionButton
https://github.com/makovkastar/FloatingActionButton

Google+のようなFloating Buttonを簡単に実装できます。

○Float Button

<img src="https://github.com/makovkastar/FloatingActionButton/raw/master/art/demo.gif" />


###android-floating-action-button
https://github.com/futuresimple/android-floating-action-button

InboxのようなFloat button のメニューを簡単に実装できます。

○Float Buttons
<img src="https://github.com/futuresimple/android-floating-action-button/raw/master/screenshots/buttons.png" />
<img src="https://github.com/futuresimple/android-floating-action-button/raw/master/screenshots/menu.gif" />

## Cards

### cardslib
https://github.com/gabrielemariotti/cardslib

それなりに前からあるGoogle Nowスタイルなライブラリですが、マテリアルデザインにも対応しています。

<img src="https://github.com/gabrielemariotti/cardslib/raw/master/demo/images/screen3.png" />
<img src="https://github.com/gabrielemariotti/cardslib/raw/master/demo/images/screen3.png" />

## Chips

なし。

## Dialogs

### MaterialDesignLibrary
https://github.com/navasmdc/MaterialDesignLibrary

○Dialog

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/dialog.png" />

### MaterialDialog
https://github.com/drakeet/MaterialDialog

○Dialog 
<img src="https://github.com/drakeet/MaterialDialog/raw/master/screenshots/s1.png" width="200"/>
<img src="https://github.com/drakeet/MaterialDialog/raw/master/screenshots/s5.png"  width="200"/>
<img src="https://github.com/drakeet/MaterialDialog/raw/master/screenshots/s6.png" width="200"/>

## Grids

なし。

## Lists

### PagedHeadListView
https://github.com/JorgeCastilloPrz/PagedHeadListView

<img src="https://raw.githubusercontent.com/JorgeCastilloPrz/PagedHeadListView/master/app/src/main/res/raw/preview1.gif" />
<img src="https://raw.githubusercontent.com/JorgeCastilloPrz/PagedHeadListView/master/app/src/main/res/raw/preview2.gif" />
<img src="https://raw.githubusercontent.com/JorgeCastilloPrz/PagedHeadListView/master/app/src/main/res/raw/preview3.gif" />
<img src="https://raw.githubusercontent.com/JorgeCastilloPrz/PagedHeadListView/master/app/src/main/res/raw/preview4.gif" />


## List Controls

なし。

## Menus

### material-menu
https://github.com/balysv/material-menu

最近のGoogle Playのメニューのスタイルを簡単実装！

<img src="https://camo.githubusercontent.com/642bd91749dce58abfba00fe1cefdf2cf4213fd3/68747470733a2f2f7261772e6769746875622e636f6d2f62616c7973762f6d6174657269616c2d6d656e752f6d61737465722f6172742f64656d6f2e676966" />
<img src="https://camo.githubusercontent.com/a45273254d6db820e87b8291a0917420f542612c/68747470733a2f2f7261772e6769746875622e636f6d2f62616c7973762f6d6174657269616c2d6d656e752f6d61737465722f6172742f64656d6f5f6472617765722e676966" />

## Pickers

なし。

## Progress $ activity

### MaterialDesignLibrary
https://github.com/navasmdc/MaterialDesignLibrary

○Progress bar circular indeterminate

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/progress_bar_circular_indeterminate.png" />

○Progress bar indeterminate

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/progress_bar_indeterminate.png" />

○Progress bar indeterminate determinate

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/progress_bar_indeterminate_determinate.png" />

○Progress bar determinate

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/progress_bar_determinate.png" />

## Sliders

### MaterialDesignLibrary
https://github.com/navasmdc/MaterialDesignLibrary

○Slider

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/slider.png" />

○Slider with number indicator

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/slider_with_number_indicator.png" />

○Color selector

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/color_selector.png" />

## Snackbars & toasts

### MaterialDesignLibrary
https://github.com/navasmdc/MaterialDesignLibrary

○SnackBar

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/snackbar.png" />

## Subheaders

## Switches

### MaterialDesignLibrary
https://github.com/navasmdc/MaterialDesignLibrary

○Check box

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/checkbox.png" />

○Switch

<img src="https://github.com/navasmdc/MaterialDesignLibrary/raw/master/images/switch.png" />


## Tabs

なし。

## Text fields

### MaterialEditText
https://github.com/rengwuxian/MaterialEditText

<img src="https://github.com/rengwuxian/MaterialEditText/raw/master/images/custom_base_color.jpg" />
<img src="https://github.com/rengwuxian/MaterialEditText/raw/master/images/highlight.jpg" />
<img src="https://github.com/rengwuxian/MaterialEditText/raw/master/images/ellipsis.jpg" />
<img src="https://github.com/rengwuxian/MaterialEditText/raw/master/images/custom_error.jpg" />

## Tooltips

なし。

# Other

##icon

### material-design-icons
Google がだしているものがあります。iOS、Webの分もあるようです。
https://github.com/google/material-design-icons

## effects
### RippleEffect
https://github.com/traex/RippleEffect

<img src="https://github.com/traex/RippleEffect/raw/master/demo.gif" />

### BFPaperButton
https://github.com/bfeher/BFPaperButton

<img src="https://raw.githubusercontent.com/bfeher/BFPaperButton/master/BFPaperButtonDemoGif2.gif" />

### material-ripple
https://github.com/balysv/material-ripple

<img src="https://camo.githubusercontent.com/a39897ad0553f7c3e75fc9663af89afbab8c49d2/68747470733a2f2f7261772e6769746875622e636f6d2f62616c7973762f6d6174657269616c2d726970706c652f6d61737465722f6172742f64656d6f2e676966" />

# 雑感
[MaterialDesignLibrary](https://github.com/navasmdc/MaterialDesignLibrary) がなかなかStarを集めてるだけあって幅広く対応してますね。とはいえ、全てを覆っている訳ではないようです。これからに期待。