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>
点击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
- Android5.0风格EditText输入框效果
- Android5.0系统:Material风格以及DrawerLayout抽屉效果
- Android5.0 沉浸式效果导致Edittext获取焦点后画面不动的问题
- EditText文字输入飞入效果
- 仿知乎EditText 输入@+用户名效果
- android5.0多种侧滑栏效果
- android5.0水波纹效果
- Android EditText 多行输入滚动效果。
- EditText输入文字带下划线的效果
- Android EditText 多行输入滚动效果。
- scrollview+edittext实现批量输入效果
- EditText(输入框)详解
- EditText(输入框)详解
- EditText(输入框)
- 输入框EditText
- 自定义EditText输入框
- Android5.0 PIN码输入框限制输入个数确定按键置灰
- Android5.0输入系统移植方法详解
- HDU 5595 GTW likes math
- hadoop job解决大数据量关联时数据倾斜的一种办法
- 大话操作系统(1)基本概念
- 开放API(OpenAPI)
- JAVA设计模式之:模板方法模式
- Android5.0风格EditText输入框效果
- linux grep命令
- JAVA并行异步编程,线程池+FutureTask(分享来自推酷)
- android:layout_weight设置解读
- Bonfire: Where art thou
- 一份不可多得的健身房健身计划
- solr教程,值得刚接触搜索开发人员一看
- hibernate-annotation注解解释
- ajax标准方法