Beautiful EditText with TextInputLayout


EditText is basic UI component of Android, but basic EditText is very simple and not beautiful. There are a lot of solution to make it beautifully. In this paper, i will introduce a simple solution for this issue. This is using TextInputLayout – a library of Android SDK.

How to implement

    1. Integrating library
    dependencies {
        compile ''
    1. Wrapping EditText by TextInputLayout
<     android:layout_width="match_parent"     android:layout_height="wrap_content">
        <EditText             android:layout_width="match_parent"             android:layout_height="@dimen/login_phone_number_edit_text_height"/>

In summary
We will see the result of above solution:

Screen Shot 2016-08-19 at 16.47.49

Screen Shot 2016-08-19 at 16.46.51

Screen Shot 2016-08-19 at 16.50.39

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s