Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
496
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

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

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

Buttom sheets

BottomSheet

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


Buttons

MaterialDesignLibrary

○Flat Button

○Rectangle Button

○Float Button

○Float Small Button

FloatingActionButton

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

○Float Button

android-floating-action-button

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

○Float Buttons

Cards

cardslib

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


Chips

なし。

Dialogs

MaterialDesignLibrary

○Dialog

MaterialDialog

○Dialog


Grids

なし。

Lists

PagedHeadListView




List Controls

なし。

Menus

material-menu

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


Pickers

なし。

Progress $ activity

MaterialDesignLibrary

○Progress bar circular indeterminate

○Progress bar indeterminate

○Progress bar indeterminate determinate

○Progress bar determinate

Sliders

MaterialDesignLibrary

○Slider

○Slider with number indicator

○Color selector

Snackbars & toasts

MaterialDesignLibrary

○SnackBar

Subheaders

Switches

MaterialDesignLibrary

○Check box

○Switch

Tabs

なし。

Text fields

MaterialEditText




Tooltips

なし。

Other

icon

material-design-icons

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

effects

RippleEffect

BFPaperButton

material-ripple

雑感

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
496
Help us understand the problem. What are the problem?