我如何隐藏EditText下划线(提示行与小衬线在结束)?
可能有更好的方法来做我想做的事情:我有一个带有EditText的布局。通常情况下,在用户可以点击它并开始输入或编辑文本的地方显示正常。
但是,有时我想使用相同的布局(简化其他逻辑)以只读方式显示相同的数据。我希望演示是类似的-它应该有相同的高度和相同的字体,但没有下划线。
作为一种权宜之计,我将通过删除EditText并替换TextView来实现这一点。我认为这将带来预期的结果,但它似乎是一种迂回的昂贵的方式来完成一些本应该通过改变属性来轻松完成的事情。
让我们在android中做一些更简单的事情,比如outlinedbox和Null background of edittext。如下所示。
复制粘贴即可。
编辑文本与OutlinedBox密码与toogle选项在结束。
<com.google.android.material.textfield.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/password"
app:boxCornerRadiusBottomEnd="10dp"
app:boxCornerRadiusBottomStart="10dp"
app:boxCornerRadiusTopEnd="10dp"
app:boxCornerRadiusTopStart="10dp"
app:boxStrokeColor="@color/primary_color"
app:boxStrokeWidth="1dp"
app:boxStrokeWidthFocused="1dp"
app:errorIconDrawable="@null"
app:hintTextColor="#d3d3d3"
app:passwordToggleDrawable="@drawable/password_toggle"
app:passwordToggleEnabled="true">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/etPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPassword"
android:paddingStart="10dp"
android:paddingEnd="0dp"
android:textCursorDrawable="@null"
android:textSize="12sp" />
</com.google.android.material.textfield.TextInputLayout>
为password_toggle创建Drawble
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_show" android:state_checked="true"/>
<item android:drawable="@drawable/ic_hide"/>
</selector>
现在没有任何边界的编辑文本。
电子邮件编辑文本
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/email"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg_edittext"
android:hint="@string/enter_your_email"
android:imeOptions="actionDone"
android:inputType="textEmailAddress"
android:maxLines="1"
android:padding="10dp"
android:singleLine="true"
android:textColor="@color/black"
android:textColorHint="#d3d3d3"
android:textSize="12sp" />
对于密码编辑文本。
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/bg_edittext"
android:hint="@string/enter_your_password"
android:imeOptions="actionDone"
android:inputType="textEmailAddress"
android:maxLines="1"
android:padding="10dp"
android:singleLine="true"
android:textColor="@color/black"
android:textColorHint="#d3d3d3"
android:textSize="12sp" />
我有这样的东西,非常非常有用:
generalEditText.getBackground().mutate().setColorFilter(getResources().getColor(R.color.white), PorterDuff.Mode.SRC_ATOP);
其中generalEditText是我的EditText,白色是:
<color name="white">#ffffff</color>
这将不会删除填充,您的EditText将保持原样。只有底部的行将被删除。有时这样做更有用。
如果你使用android:background="@null",因为许多人建议你失去填充和EditText变得更小。至少,这是我的案子。
一个小提示是,如果你设置后台为空,并尝试我上面提供的java代码,你的应用程序将在执行后立即崩溃。(因为它得到了背景,但它是空的。)这可能是显而易见的,但我认为指出这一点很重要。
这里有一个隐藏它的方法,而不破坏默认的填充:
fun View.setViewBackgroundWithoutResettingPadding(background: Drawable?) {
val paddingBottom = this.paddingBottom
val paddingStart = ViewCompat.getPaddingStart(this)
val paddingEnd = ViewCompat.getPaddingEnd(this)
val paddingTop = this.paddingTop
ViewCompat.setBackground(this, background)
ViewCompat.setPaddingRelative(this, paddingStart, paddingTop, paddingEnd, paddingBottom)
}
用法:
editText.setViewBackgroundWithoutResettingPadding(null)
更新:
如果您发现自己总是传递null,您可以在方法中对其进行编码(然后您也可以重载EditText本身)
fun EditText.removeUnderline() {
val paddingBottom = this.paddingBottom
val paddingStart = ViewCompat.getPaddingStart(this)
val paddingEnd = ViewCompat.getPaddingEnd(this)
val paddingTop = this.paddingTop
ViewCompat.setBackground(this, null)
ViewCompat.setPaddingRelative(this, paddingStart, paddingTop, paddingEnd, paddingBottom)
}
// usage:
editText.removeUnderline()