Thursday, April 14, 2016

Floating labels for editing text

add compile 'com.android.support:design:23.2.0' to build.gradle file

layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:orientation="vertical" 
 tools:context=".MainActivity">

    <android.support.design.widget.TextInputLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content">

        <EditText 
           android:layout_width="match_parent"  
           android:layout_height="wrap_content" 
           android:hint="Username" />

    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content">

        <EditText 
           android:layout_width="match_parent" 
           android:layout_height="wrap_content" 
           android:hint="Password" />

    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content">

        <EditText 
           android:layout_width="match_parent" 
           android:layout_height="wrap_content" 
           android:hint="Email" />

    </android.support.design.widget.TextInputLayout>
</LinearLayout>

 

No comments:

Post a Comment