Android5.0风格EditText输入框效果

一、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>
发布了75 篇原创文章 · 获赞 19 · 访问量 7万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览