Android 開發 (九十三) What's New in M support-design-widget TextInputLayout

google io 2015 推出了新的support lib.
其中包含了 'com.android.support:design:22.2.0'
這個lib多了許多實用的material ui ，最近會一一介紹

今天要介紹的是 TextInputLayout

如上圖當沒有focus而且沒有key字的時候，hint會顯示在edittext裡，
當focus時hint就會像是title一樣顯示在edittext上方，

我想上面的圖片很清楚的展示了他的效果

至於要如何實做？

首先必須在gradle裡加入

compile 'com.android.support:design:22.2.0'

接著在xml裡加入textinputlayout

<android.support.design.widget.TextInputLayout    android:id="@+id/inputlayout"    android:hint="name"    android:layout_width="wrap_content"    android:layout_height="wrap_content" >    <EditText        android:hint="name"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></android.support.design.widget.TextInputLayout>

記得要在裡面放一個EditText，然後目前的TextInputLayout有一些問題
除非在TextInputLayout 和 EditText 加上hint 還有在code裡面也加上hint

TextInputLayout inputLayout = (TextInputLayout)findViewById(R.id.inputlayout);inputLayout.setHint("name");

否則上面的效果不會出現(至少在我的模擬器上面是這樣子的 genymotion 4.4)
只需要簡單的步驟，我們就設定好了，是不是很簡單!!