Android Design Support Library（2）- TextInputLayout的使用

原创文章，转载请注明 /article/3662958.html

这篇文章介绍下Android Design Support Library中的TextInputLayout的使用，如果你还不知道怎么使用这个Design Library请参考 /article/3662957.html，TextInputLayout使你的EditText更具有Material Design的感觉，可以便捷的把EditText的提示信息挪到上方并且可以方便的进行错误信息提示。

废话不多说，看效果 ：）

[code]控件定义
  <android.support.design.widget.TextInputLayout
        android:id="@+id/tl_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp">
        <EditText android:id="@+id/password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textEmailAddress"
            android:hint="Password"
         ></EditText>
    </android.support.design.widget.TextInputLayout>

TextInputLayout是一个父容器控件，包裹了EditText，也没什么特别的属性，使用很简单，切记它一定是和EditText一起搭配使用的。

TextInputLayout的常用方法

[code]tl_password.setHint("Username"); //EditText获得焦点后在上面显示的文字
tl_password.setErrorEnabled(true); //开启错误提醒
tl_password.setError("密码不能为空！"); //错误提醒的文字
tl_password.setErrorEnabled(false); //关闭错误提醒

演示效果GIF的详细源码

Layout

[code]<?xml version="1.0" encoding="utf-8"?>
<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="com.leejz.textinputlayout.MainActivity">

    <android.support.design.widget.TextInputLayout
        android:id="@+id/tl_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp">
        <EditText android:id="@+id/username"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Username"
          ></EditText>
    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout
        android:id="@+id/tl_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp">
        <EditText android:id="@+id/password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Password"
         ></EditText>
    </android.support.design.widget.TextInputLayout>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="18dp"
        android:text="Click"
        android:id="@+id/button" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Blog:http://blog.csdn.net/leejizhou"
        />

</LinearLayout>

Activity

[code]import android.support.design.widget.TextInputLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {
    private EditText username;
    private EditText password;
    TextInputLayout tl_username;
    TextInputLayout tl_password;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tl_username=(TextInputLayout) findViewById(R.id.tl_username);
        tl_username.setHint("Username");
        tl_password=(TextInputLayout) findViewById(R.id.tl_password);
        tl_password.setHint("Password");
        //两种得到EditText对象的方法
       // username=(EditText)findViewById(R.id.username);
       // password=(EditText)findViewById(R.id.password);
        username=tl_username.getEditText();
        password=tl_username.getEditText();
        //Button Click
        findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
               if(TextUtils.isEmpty(password.getText().toString())){
                   tl_password.setErrorEnabled(true);
                   tl_password.setError("密码不能为空！");
               }else{
                   tl_password.setErrorEnabled(false);
               }
            }
        });
    }
}

Ok，有疑问的地方的可以在下方留言，感谢。