Android5.0风格EditText输入框效果

来源:互联网 发布:如何查找淘宝买家信息 编辑:程序博客网 时间:2024/06/11 21:47
一、android5.0上面有一个EditText填充效果:
点击EditText之后,其中hint文字会向上面走动。然后可以填写内容。

二、实现原理:
在EditText外面嵌套一层TextInputLayout即可。

三、实现代码:
布局代码:
<android.support.design.widget.TextInputLayout
        android:id="@+id/til_pwd"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">


        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>


</android.support.design.widget.TextInputLayout>


逻辑代码:
final TextInputLayout textInputLayout = (TextInputLayout) findViewById(R.id.til_pwd);


        EditText editText = textInputLayout.getEditText();
        textInputLayout.setHint("Password");


        editText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
                if (s.length() > 4) {
                    textInputLayout.setError("Password error");
                    textInputLayout.setErrorEnabled(true);
                } else {
                    textInputLayout.setErrorEnabled(false);
                }
            }


            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
            }


            @Override
            public void afterTextChanged(Editable s) {
            }
        });
    }

四、注意事项:
这里需要注意的是,TextInputLayout的颜色来自style中的colorAccent的颜色:
<item name="colorAccent">#1743b7</item>
0 0
原创粉丝点击