HOw To Build Floating Labels FOR EditText Using Design Support Library Android

Google has introduced a new support library called android design support library. This library includes some new components including navigation drawer views, floating action buttons, snackbar, tabs, floating labels for editing text, etc. In this example, I will show you to apply the android floating label to EditText using the design support library.

Create a new Android Project

Now, we are going to create a new android project to implement a floating label for editing text in android apps using the design support library. Create a new android project with the following information.

App Name: Floating Label for EditText

Company Domain: viralandroid.com

Package Name: com.viralandroid.floatinglabelsforedittext

Minimal SDK: Android 2.2 (API 8 Froyo)

Floating Labels for EditText Floating DemoLabel

Adding Dependency

Add support for android library design support in your build.gradle file.

build.gradle file:

dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) compile 'com.android.support:appcompat-v7:22.2.0' compile 'com.android.support:design:22.2.0' }

Added EditText and TextInputLayout

Open your xml layout file and add the code below.
res / layout / edit_text_activity.xml

<?xml version="1.0" encoding="utf-8"?><linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="16dp" android:orientation="vertical"> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp"> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Your Name" /> </android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp"> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Email" android:inputType="textEmailAddress" /> </android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp"> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Password" android:inputType="textPassword" /> </android.support.design.widget.TextInputLayout> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="bottom" android:padding="16dp" android:text="www.viralandroid.com" android:textSize="28dp" /></LinearLayout>

Strings.xml file:

Add the following string value to your strings.xml file.

res / values / strings.xml

<resources> <string name="app_name">Floating Labels For EditText</string> <string name="hello_world">Hello world!</string> <string name="action_settings">Settings</string></resources>

And following is the default code ofactivity file.
src/MainActivity.java

import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.edit_text_activity); } }

Also Read  : 

• Android Toast - How To Display Simple Bread Messages ON Android
• Free Download Source Code Project Android Studio Application Ebook With Admob instertial + Banner
• How To GUide Install Arise Magnum Opus On Android Ver 8.0 OREO
• Free Download Mi Notebook Pro Wallpapers In Full HD 4K Resolution