Hi,
We can show floating label for EditText by using android design support library.
When we input text on EditText, it shows animation by floating labels.
TextInputlayout is newly introduced to show floating label on EditText in design support library.
EditText needs to be covered by TextInputlayout to show animation.
Here I am writing code to show floating labels in EditText.
First add dependency in gradle file
build.gradle
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile 'com.android.support:appcompat-v7:23.0.1'
compile 'com.android.support:design:23.0.1'
}
This is the xml file.
<android.support.design.widget.textinputlayout android:id="@+id/float_username" android:layout_width="match_parent" android:layout_height="wrap_content"> /android.support.design.widget.textinputlayout>
<EditText
android:id="@+id/username_edittext"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/email" />
</android.support.design.widget.TextInputLayout>
Then use simply as we do with EditText.
private TextInputLayout inputLayoutUserName;
private EditText usernameEditText;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
inputLayoutUserName = (TextInputLayout) findViewById(R.id. float_username);
usernameEditText = (EditText) findViewById(R.id. username_edittext);
}
0 Comment(s)