designのTextLayoutを使ってフォーム画面を作成することがきます。designを使ってフォーム画面を作成する方法を記載した記事です。designはAndroid5.0から導入されたデザインです。Androidに適したUI作成に役立つライブラリです。AndroidのUIはiphoneとは大きく異なります。このライブラリは、AndroidのUIを学ぶのにも役立ちます。実装サンプルとして、以下のようなフォーム画面を作成します。formユーザー名を登録するだけのシンプルなフォームです。TextInputLayoutを使って作成します。designをインストールします。'com.android.support:design:23.4.0'を追記します。XML実装まずは画面UIのlayout.xmlを記述します。/></android.support.design.widget.TextInputLayout>EditTextをandroid.support.design.widget.TextInputLayoutで囲みます。親レイアウトにxmlns:app="http://schemas.android.com/apk/res-auto"を追記します。中身</LinearLayout>この記述でapp:errorEnabled等の、TextInputLayout属性が設定できます。TextInputLayoutの属性設定TextInputLayoutには様々な属性があります。以下の属性が設定できます。style.xmlapp:counterTextAppearanceとapp:counterOverflowTextAppearanceを利用するためには、style.xmlファイルに以下の記述をします。6エラーが発生します。すると、アプリがクラッシュします。上記のUIに関する処理をJavaコード側で実装します。コードは、ActivityかFragmentに記述します。ここのサンプルでは、Activityに記述します。false;}onEditorActionメソッドでvalidation処理を行っています。android:imeOptions="actionSend"とEditorInfo.IME_ACTION_SENDが対応しています。setErrorメソッドでエラーメッセージを設定し、画面に表示します。実装を終えたら、ビルドしてアプリを実行します。App文字数のカウント、ヒント表示、エラーメッセージの表示ができるリッチなフォームUIが表示されました。まとめandroid.support.design.widget.TextInputLayoutを利用すると、表現力のあるフォームが作成できます。WEBアプリのvalidateよりもユーザーフレンドリーで、細かい画面が作成できるので、是非使い方を覚えてください。