TextInputLayout输入框控件的悬浮标签

最新推荐文章于 2023-06-14 18:20:55 发布

火炎焱燚-

最新推荐文章于 2023-06-14 18:20:55 发布

阅读量2.3k

点赞数 1

分类专栏： android5.0新增文章标签： EditText悬浮标签输入控件的悬浮标签 android悬浮标签

本文链接：https://blog.csdn.net/zheng_jiao/article/details/52627660

版权

android5.0新增专栏收录该内容

9 篇文章 0 订阅

订阅专栏

TextInputLayout也是5.0以后的效果，想要使用同样需要在build中配置：

dependencies {
    compile 'com.android.support:design:23.3.0'
}

TextInputLayout可以用来显示一个提示错误信息，把Hint放到EditText左上方等效果的一个布局；

如果项目中有这类的需求，使用TextInputLayout实现起来非常方便；

使用方法也比较简单，直接用TextInputLayout包裹EditText即可：

<android.support.design.widget.TextInputLayout
        android:id="@+id/til_user"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp">
        <EditText
            android:id="@+id/et_user"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入用户名"/>
    </android.support.design.widget.TextInputLayout>

但是默认情况下，当你输入文本的时候TextInputLayout只会将Hint移动到左上方，不会有错误提示，错误提示需要我们手动设置：

etUser= (EditText) findViewById(R.id.et_user);
        tilUser= (TextInputLayout) findViewById(R.id.til_user);

        //添加文本变化监听
        etUser.addTextChangedListener(new TextWatcher() {
            @Override
            //输入文本之前调用
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            }

            @Override
            //正在输入的时候调用
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                if(s.length()>6){
                    //打开TextInputLayout异常提示
                    tilUser.setErrorEnabled(true);
                    //设置TextInputLayout异常提示信息
                    tilUser.setError("账号最大长度为6");
                }else {
                    //关闭TextInputLayout异常提示
                    tilUser.setErrorEnabled(false);
                }
            }

            @Override
            //输入以后调用
            public void afterTextChanged(Editable s) {
            }
        });

点击打开链接免费下载源码