文章目录
组成 添加 Material Design 依赖
归属 material design ，需要添加依赖
外层是 TextInputLayout 增强输入框的功能和视觉效果，如: 错误提示 图标
内容是 TextInputEditText 继承 EditText ，专门配合 TextInputLayout使用
XML
密码输入框
在外面 TextInputLayout 添加图标
endIconMode
通过 endIconMode='password_toggle' 设置最右侧的图标
通过 inputType='textPassword' 设置输入类型为密码
带图标的输入框
在外面 TextInputLayout 带输入框
startIconDrwable='xxx'
就有邮箱图标了
错误提示输入框
添加 maxLength=11，errorEnable=true
然后设置一个 textChangeLinstener({
// 实现 三个函数
beforeTextChanged,onTextChanged,afterTextChange
})
在代码里面进行更改
beforeTextChanged(s:CharSequence?,Start:Int,count:Int)
onTextChanged(s:CharSequence?,Start:Int,before:Int,count:Int){
if(s?.length != 11){
errorInputLayout.error = '请输入11位手机号'
}
}
第二种代码
inputViewBind.phoneEdit.doOnTextChanged{text,start,before,count ->
if(text?.length != 11){
binding.phoneInput.error = '请输入11位手机号';
}else{
binding.phoneInput.error=null
}
}