Andorid - Material Design之TextInputLayout

老婆保佑，代码无BUG

前言

Material Design 系列第二篇 TextInputLayout

---

目录

• 一：TextInputLayout如何使用
  • 1. xml
  • 2. activity代码
  • 3. style
• 二：属性说明

---

引用

compile 'com.android.support:design:26.1.0'

一：TextInputLayout如何使用

Untitled.gif

1. xml

2. activity代码

public class TextInputLayoutAct extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_textinput);
        final TextInputLayout mUserName = findViewById(R.id.usernameWrapper);

        findViewById(R.id.btn_login).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String name = mUserName.getEditText().getText().toString();
                mUserName.setErrorEnabled(true);
                if (TextUtils.isEmpty(name)) {
                    mUserName.setError("请输入账号");
                    return;
                }
                mUserName.setErrorEnabled(false);
                Toast.makeText(TextInputLayoutAct.this, "登录成功", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

3. style

二：属性说明

属性名称	说明
android:hint	设置提示信息
app:hintAnimationEnabled="true"	设置是否可以使用动画，默认是true
app:hintEnabled="true"	设置是否可以使用hint属性，默认是true
app:hintTextAppearance="@style/MyStyle"	设置hint的文本属性，改变hint文字的大小颜色等属性
app:counterEnabled="true"	设置是否可以开启计数器，默认是false
app:counterOverflowTextAppearance="@style/MyStyle2"	设置计算器越位后的文字颜色和大小
app:counterTextAppearance="@style/MyStyle"	设置正常情况下的计数器文字颜色和大小
app:counterMaxLength="11"	设置计算器的最大字数限制
app:errorEnabled="true"	是否允许错误提示
app:errorTextAppearance="@style/MyStyle3"	错误提示的文字大小和颜色

---

源码地址

点击进入GitHub

最后

全部系列

Andorid - Material Design之Snackbar

Andorid - Material Design之TextInputLayout

Andorid - Material Design之FloatingActionButton

Andorid - Material Design之TabLayout

Andorid - Material Design之NavigationView和DrawerLayout

Andorid - Material Design之CoordinatorLayout