LoginSignup
136

More than 5 years have passed since last update.

Material Designに対応するために使えそうなライブラリを調べた

Last updated at Posted at 2014-11-30

Material Designをアプリに取り入れてみたかったのですが、Support LibraryだけではMaterial Design感が出なかったので
Githubで使えそうなライブラリを探してみました。

MaterialDesignLibrary

ボタン、プログレスインジケータ、アラート、SnackbarなどのUI系のライブラリです。
開発も結構活発的でGithubのStar数も1200ちょっとといい感じ。

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

Material Ripple Layout

ViewにRippleエフェクトを入れることができるみたいです。
ListViewの場合とかでもちゃんと使えていい感じです。

MaterialTabs

Material Designっぽいタブメニュー
https://github.com/neokree/MaterialTabs
68747470733a2f2f7261772e6769746875622e636f6d2f6e656f6b7265652f4d6174657269616c546162732f6d61737465722f73637265656e2d69636f6e2e706e67.png

android-ui

クルッと回るアニメーションやRevealエフェクトなどができるらしいです。

https://github.com/markushi/android-ui
ezgif.com-resize.gif

FloatingActionButton

浮いた感じのボタン?にできるみたいです。
ピョコッと出るやつとか。

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

Material Widget

Material DesignなUIコンポーネント

https://github.com/keithellis/MaterialWidget

SnackBar

軽い通知をするSnackBarをサポートするライブラリ。

https://github.com/MrEngineer13/SnackBar
687474703a2f2f6d6174657269616c2d64657369676e2e73746f726167652e676f6f676c65617069732e636f6d2f696d616765732f636f6d706f6e656e74732d746f617374732d73706563732d737065635f746f6173745f30335f315f6c617267655f6d6470692e706e67.png

Google Playにデモアプリもあるのでとりあえず触ってみることも出来ます。
https://play.google.com/store/apps/details?id=com.mrengineer13.snackbar.sample

Material Edit Text

Material DesignっぽいEditText。
hintに入っている文字が入力されるとふわっと上に浮き上がります。
最大文字数の表示やエラー時のメッセージ表示にも対応してます。
https://github.com/rengwuxian/MaterialEditText

material_edittext.png

Android-ObservableScrollView

ScrollViewやListViewのスクロール量を監視して、Toolbarを隠すなどの動きをサポートしてくれます。
Material DesignっぽいParallaxな動きなどのサンプルも豊富で参考になります。
https://github.com/ksoichiro/Android-ObservableScrollView

demo6.gif

demo12.gif

demo13.gif

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
136