我正在使用
TextInputLayoutHelper
小部件,以符合材料设计指南中浮动标签输入的要求。它目前看起来像这样:![floating input label with error message](https://istack.dev59.com/8Dw81.webp)
我的代码
在我的活动的onCreate
函数中,我有:override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val passwordInputLayout = this.findViewById<TextInputLayoutHelper>(R.id.input_layout_password)
passwordInputLayout.error = "8+ characters and at least one uppercase letter, a number, and a special character (\$, #, !)"
passwordInputLayout.isErrorEnabled = true
}
我的xml
里的小部件看起来像...
<TextInputLayout
android:id="@+id/input_layout_password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/EditTextTheme"
app:errorEnabled="true"
app:errorTextAppearance="@style/ErrorAppearance"
app:passwordToggleDrawable="@drawable/asl_password_visibility"
app:passwordToggleEnabled="true"
app:passwordToggleTint="?colorControlNormal">
<EditText
android:id="@+id/password_edit_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:hint="@string/set_a_password"
android:inputType="textPassword"
android:singleLine="true" />
</TextInputLayout>
我想要做什么
我想在错误/提示文本中(感叹号三角形)右侧放置一个图标。
我的尝试
尝试1
我发现了一个实现方法,它使用setError(text, drawable)
,但我正在使用Kotlin
,所以setError
不可用。
因此,我尝试了:
val warningIcon = ResourcesCompat.getDrawable(resources, R.drawable.ic_warning_black_24dp, null)
warningIcon?.setBounds(0, 0, warningIcon.intrinsicWidth, warningIcon.intrinsicHeight)
passwordInputLayout.error = "8+ characters and at least one uppercase letter, a number, and a special character (\$, #, !) $warningIcon"
但这并不能渲染出可绘制物,只会得到一个资源路径的字符串。
尝试二
我发现另外一个方法是重写TextInputLayoutHelper
以便在文本旁边设置一个可绘制物。正如您所看到的,setError
仅包含接口override fun setError(error: CharSequence?)
,其中没有drawable
参数。
override fun setError(error: CharSequence?) {
super.setError(error)
val warningIcon = ResourcesCompat.getDrawable(resources, R.drawable.ic_warning_black_24dp, null)
warningIcon?.setBounds(0, 0, warningIcon.intrinsicWidth, warningIcon.intrinsicHeight)
// mHelperView is a TextView used in my custom `TextInputLayout` override widget
mHelperView!!.setCompoundDrawables(null, null, warningIcon, null)
}
是否有覆盖或内置的“Android方式”来将此图标添加到错误/提示文本旁边?
app:errorEnabled
和app:errorTextAppearance
来控制我的错误样式/位置。我不想每次想使用图标时都要担心定位我的错误文本。但这绝对是解决我遇到的问题的有效方法,谢谢! - james