Android
GitHub
MaterialDesign

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

More than 3 years have passed since last update.

Material Designに対応しているライブラリをコンポーネント別にまとめてみました。

一応 GoogleのMaterial Designを説明しているcomponents と同じ順で、ライブラリとスクリーンショットをつらつら並べてみました。


Buttom sheets


BottomSheet

https://github.com/soarcn/BottomSheet

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




Buttons


MaterialDesignLibrary

https://github.com/navasmdc/MaterialDesignLibrary

○Flat Button

○Rectangle Button

○Float Button

○Float Small Button


FloatingActionButton

https://github.com/makovkastar/FloatingActionButton

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

○Float Button


android-floating-action-button

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

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

○Float Buttons




Cards


cardslib

https://github.com/gabrielemariotti/cardslib

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




Chips

なし。


Dialogs


MaterialDesignLibrary

https://github.com/navasmdc/MaterialDesignLibrary

○Dialog


MaterialDialog

https://github.com/drakeet/MaterialDialog

○Dialog






Grids

なし。


Lists


PagedHeadListView

https://github.com/JorgeCastilloPrz/PagedHeadListView








List Controls

なし。


Menus


material-menu

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

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




Pickers

なし。


Progress $ activity


MaterialDesignLibrary

https://github.com/navasmdc/MaterialDesignLibrary

○Progress bar circular indeterminate

○Progress bar indeterminate

○Progress bar indeterminate determinate

○Progress bar determinate


Sliders


MaterialDesignLibrary

https://github.com/navasmdc/MaterialDesignLibrary

○Slider

○Slider with number indicator

○Color selector


Snackbars & toasts


MaterialDesignLibrary

https://github.com/navasmdc/MaterialDesignLibrary

○SnackBar


Subheaders


Switches


MaterialDesignLibrary

https://github.com/navasmdc/MaterialDesignLibrary

○Check box

○Switch


Tabs

なし。


Text fields


MaterialEditText

https://github.com/rengwuxian/MaterialEditText








Tooltips

なし。


Other


icon


material-design-icons

Google がだしているものがあります。iOS、Webの分もあるようです。

https://github.com/google/material-design-icons


effects


RippleEffect

https://github.com/traex/RippleEffect


BFPaperButton

https://github.com/bfeher/BFPaperButton


material-ripple

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


雑感

MaterialDesignLibrary がなかなかStarを集めてるだけあって幅広く対応してますね。とはいえ、全てを覆っている訳ではないようです。これからに期待。