Styling form using TextInputLayout

InputTextLayout is used to wrap an EditText and to show hint in floating label when user types in the EditText . It makes the form fields very stylish. We can also set & get errors when validating the input data. InputTextLayout is part of Design Support library.

InputTextLayout inherits constants from LinearLayout, ViewGroup and View.

To use InputTextLayout:

Example: Display Login  Form using TextInputLayout with validation

Step 1:  we need to add a library in build.gradle file in Android Studio:

Step 2: Create an xml file :

In above code we have wraped Edit Text into a  TextInputLayout.

When user clicks on EditText area, hint floats up. User can see following UI

login3

Step 3: Write code in java  file.

Now, setError & setErrorEnable on TextInputLayout when validating the user input.

In above code, We are setting error on instance of TextInputLayout. If email address is empty or password length is less than 8 then it will show an error.

login2

. . .

Comment

Add Your Comment

Be the first to comment.

css.php
Hire Us!
Brief us about your requirements and we'll get back to you.
Woo! Hooy!
We have just recieved your project brief and our expert will contact you shortly.
Send Again
Close