(1)この記事は2016年3月1日に書かれたものです。内容が古い可能性がありますのでご注意ください。22.2で公開された、マテリアルデザインを実現するのに便利なコンポーネントのライブラリです。アプリのマテリアルデザイン対応を楽に進めるためにも積極的に利用したいところです。libraryのコンポーネントの紹介と使い方の説明をしていきたいと思います。導入方法まずは何はともあれアプリへライブラリを導入をするところから。build.gradleのdependenciesに以下の一行を追加すればOKです。libraryには以下のコンポーネントが用意されています。TextInputLayoutFloatingActionButtonSnackbarTabLayoutNavigationViewCoordinatorLayoutAppBarLayoutCollapsingToolbarLayoutまずは学習コストの低いところからとりあげていってみます。SnackbarSnackbarとはユーザの操作に対する簡易なフィードバックを行うのに用いるコンポーネントです。消える挙動がToastに似ていますね。使い方もToastに似ており簡単です。.show();第一引数には親View、第二引数にはSnackbar上に表示するテキスト、第三引数には表示時間の長さ定数をとります。viewを取得して与えています。下記動画はSNACKBARボタンを押したらSnackbarが表示されるサンプルです。http://tech.pjin.jp/wp-content/uploads/2016/03/snackbar.mp4SnackbarのToastとの大きな違いは、それ自体にアクションを定義できることです。.show();show()を呼ぶ前にsetAction()でアクションを定義します。setAction()の第一引数にはSnackbar上のボタンのテキスト、第二引数にはアクションボタンが押されたときのコールバックを与えます。TextInputLayoutTextInputLayoutはEditTextと組み合わせてよりわかりやすい入力領域を実装するためのコンポーネントです。従来のEditTextのhintはEditTextにフォーカスがあたると見えなくなってしまいましたが、TextInputLayoutを用いるとフローティングラベルとして表示することができます。入力エラーメッセージの表示も簡単に行えるようになります。こちらも使い方は簡単で、EditTextをTextInputLayoutで囲んであげます。</android.support.design.widget.TextInputLayout></LinearLayout>これによりEditTextにフォーカスが当たったときhintがふわっと上部に移動します。http://tech.pjin.jp/wp-content/uploads/2016/03/textInputLayout.mp4エラーメッセージを表示する場合はJava側で以下のようにします。message");また、エラーメッセージを非表示に戻す場合はsetErrorEnabled(false)としてやればよいです。TextInputLayoutのカスタマイズTextInputLayoutのhintフローティングラベルやエラーの表示を変更は以下の方法で行えます。styles.xmlに次のstyleを定義しておきます。name="android:textColor">#f70000</item></style>後はTextInputLayoutに属性を追加すればOKです。libraryの導入とSnackbarとTextInpuLayoutの使い方を紹介しました。Snackbarはアクションをセットできる簡易メッセージ表示をするコンポーネントです。TextInpuLayoutはEditTextをラップして入力領域を支援するコンポーネントです。他のコンポーネントはまた記事にしたいと思います。