Як приховати під панелі в EditText

Як я можу приховати панель редагування EditText (рядок підказок з невеликими серіфами на кінцях)?

Можливо, буде кращий спосіб зробити те, що я хочу: у мене є макет з EditText. Як правило, це відображається добре, коли користувач може натиснути на нього і почати вводити чи редагувати текст.

Однак іноді я хотів би використовувати один і той же макет (спрощує іншу логіку) для відображення одних і тих же даних лише для читання. Я хочу, щоб презентація була схожою - вона повинна мати однакову висоту і однаковий шрифт, але не мати нижньої смуги.

Як міру стоп-розриву я збираюся реалізувати це, видаливши EditText і замінивши TextView. Я думаю, що це дасть бажані результати, але здається, що навколо цього дорогого способу зробити щось, що повинно бути легко, змінивши атрибути.

Ви можете встановити EditTextспеціальний прозорий малюнок або просто використовувати

android:background="@android:color/transparent"

або

android:background="@null"

або програмно

editText.setBackgroundResource(android.R.color.transparent);

Встановити фон на нуль.

android:background="@null"

Ви можете встановити EditText«s backgroundTintзначення певного кольору. Якщо ви встановите прозорий колір, нижня панель повинна піти.

android:backgroundTint="@color/Transparent"

<color name="Transparent">#00000000</color>

Але ви можете використовувати це в Api v21(Lollipop)або вище

Будь ласка, встановіть фон редагування як

android:background="#00000000"

Це спрацює.

Це можна зробити програмно, використовуючи setBackgroundResource:

editText.setBackgroundResource(android.R.color.transparent);

Що я зробив, це створити форму, що малюється, і встановити її як тло:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <padding
        android:top="8dp"
        android:bottom="8dp"
        android:left="8dp"
        android:right="8dp" />

    <solid android:color="#fff" />

</shape>

Примітка: я фактично використовував @dimenі @colorзначення для firelds, але я спростив файл форми для наочності.

Використання будь-якого властивості:

android:background="@null"

АБО

android:background="@android:color/transparent"

працював над тим, щоб приховати підкреслення EditText.

Однак зауважте, що це викликає проблему з інтервалом у TextInputLayout, який я оточую EditText

Ось спосіб приховати це, не руйнуючи прокладки за замовчуванням:

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()

Ви також повинні встановити minWidth, інакше курсор зникне, якщо текст порожній.

        <EditText
            android:id="@+id/et_card_view_list_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:minWidth="30dp"
            android:layout_weight="1"
            android:inputType="text"
            android:text="Name"
            android:background="@android:color/transparent"
            />

У моєму випадку я використовував спеціальний фон для редагування тексту, тому встановлення тла на @null або встановлення відтінку на прозорий не було рішенням для мене, тому я зіграв невеликий трюк, який дуже добре працював для мене, я просто встановив

android:inputType="textVisiblePassword"

і це робить роботу досить добре .. це не оптимальне рішення, але воно працює

У мене є щось подібне, що дуже дуже корисно:

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 стає меншим. Принаймні, це було моєю справою.

Невелика бічна примітка - якщо ви встановите фон "null" і спробуєте код Java, який я вказав вище, ваш додаток завершиться збою відразу після його виконання. (тому що він отримує фон, але він є нульовим.) Це може бути очевидним, але я думаю, що його вказівка ​​є важливою.

Я відкрив найцікавіше! Якщо встановити його за nullдопомогою прив'язки даних: android:background="@{null}"

Тоді не тільки видаляється фон, але і в представленні все ще є підкладка, яка була розрахована за фоном за замовчуванням. То чомусь відкладений параметр null не очищає прокладку від попереднього bg ..? Накладка на зображенні ліворуч / верх / праворуч 4dp, знизу 13dp (від рівня емулятора 21).

Може не мати однакового кінцевого результату на всіх рівнях API, тому будьте уважні! Хтось скаже мені, якщо ви тестуєте це і вважаєте це надійним. (Також зауважте, що нижня підкладка проступає через підкреслення, яке було в оригіналі. Тому, ймовірно, ви захочете змінити його в XML або скинути його в код після завантаження на рівну верхню ...

якщо текст редагування вже є фоном, ви можете використовувати наступне.

android:textCursorDrawable="@null"

Якщо ви хочете, щоб це вплинуло на всі екземпляри EditText та будь-який клас, який успадковує його, тоді слід встановити у своїй темі значення для атрибута editTextBackground.

  <item name="android:editTextBackground">@drawable/bg_no_underline</item>

Приклад рисувального я використовую:

<inset xmlns:android="http://schemas.android.com/apk/res/android"
     android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
     android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
     android:insetTop="@dimen/abc_edit_text_inset_top_material"
     android:insetBottom="@dimen/abc_edit_text_inset_bottom_material">
    <selector>
      <item android:drawable="@android:color/transparent"/>
    </selector>
</inset>

Це трохи модифікована версія того, що таке дизайн дизайну за замовчуванням.

Якщо застосовано, усі ваші EditText змусять видалити підкреслення в додатку, і вам не доведеться застосовувати стиль до кожного та кожного вручну.

Просто використовуйте це

 editText.setBackgroundColor(Color.TRANSPARENT);

Ви також можете визначити STYLE для свого editText, щоб ви могли перегрупувати всі спільні властивості. Це дуже потужно, якщо вам доведеться кілька разів редагувати текст, який повинен мати поведінку

Покладіть код у res / values ​​/ styles.xml

<style name="MyEditTextStyle" parent="@android:style/TextAppearance.Widget.EditText">
    <item name="android:background">@color/transparence</item> //NO UNDERBAR
    <item name="android:maxLines">1</item>
    <item name="android:height">28dp</item> //COMMON HEIGHT
</style>

Після цього вам просто потрібно зателефонувати в його editText

<EditText
    android:id="@+id/edit1"
    style="@style/MyEditTextStyle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

<EditText
    android:id="@+id/edit2"
    style="@style/MyEditTextStyle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

Програмне використання: editText.setBackground(null)

З xmlвикористання:android:background="@null"

android:background="@android:color/transparent"

Або

android:background="@null"

android: inputType = "textVisiblePassword | textMultiLine" android: background = "@ android: color / transparent"

... це не оптимальне рішення, але воно працює.

Встановити фон на нуль

android:background="@null" in your xml 

У моєму випадку editText.setBackgroundResource(R.color.transparent);найкраще.

Це не видаляє прокладки за замовчуванням, просто під смужкою.

R.color.transparent = #00000000

якщо ви використовуєте фон, то ви повинні використовувати цей тег

android:testCursorDrawable="@null" 

Щоб зберегти як поля, так і колір фону, використовуйте:

background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <padding
        android:bottom="10dp"
        android:left="4dp"
        android:right="8dp"
        android:top="10dp" />

    <solid android:color="@android:color/transparent" />

</shape>

Редагувати текст:

<androidx.appcompat.widget.AppCompatEditText
    android:id="@+id/none_content"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/background"
    android:inputType="text"
    android:text="First Name And Last Name"
    android:textSize="18sp" />