EditText'te alt çubuğu gizleme

EditText alt çubuğunu nasıl gizleyebilirim (uçlarında küçük serifs içeren bilgi istemi satırı)?

İstediğimi yapmanın daha iyi bir yolu olabilir: Bir EditText ile bir düzen var. Normalde bu, kullanıcının üzerine dokunabileceği ve metin girmeye veya düzenlemeye başlayabileceği yerlerde iyi görüntüler.

Ancak bazen, aynı verileri salt okunur bir şekilde görüntülemek için aynı düzeni kullanmak istiyorum (diğer mantığı basitleştirir). Sunumun benzer olmasını istiyorum - aynı yüksekliğe ve aynı yazı tipine sahip olmalı, ancak alt çubuğa sahip olmamalıdır.

Bir dur-boşluk ölçüsü olarak, ben EditText kaldırmak ve bir TextView yerine bunu uygulamak olacak. Bunun istenen sonuçları vereceğini düşünüyorum, ancak nitelikleri değiştirerek yapılması kolay bir şey yapmak için dolambaçlı bir yol gibi görünüyor.

EditTextÖzel bir şeffaf çekilebilir veya sadece kullanmak için ayarlayabilirsiniz

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

veya

android:background="@null"

veya Programlı olarak

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

Arka planı null olarak ayarla.

android:background="@null"

Ayarlayabilirsiniz EditText'ın backgroundTintbelirli bir renge değer. Saydam renk ayarlarsanız, alt çubuk gitmelidir.

android:backgroundTint="@color/Transparent"

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

Ancak bunu Api v21(Lollipop)daha yüksek bir değerde kullanabilirsiniz

Lütfen düzenleme metni arka planınızı

android:background="#00000000"

Çalışacak.

Programlı olarak aşağıdakileri kullanarak yapabilirsiniz setBackgroundResource:

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

Yaptığım bir şekil çizilebilir oluşturmak ve bunu arka plan olarak ayarlamak oldu:

<?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>

Not: Aslında kullanılan @dimenve @colordeğerler firelds için, ama netlik için buraya şekil dosyası basitleştirdik.

Bu özelliklerden birini kullanarak:

android:background="@null"

VEYA

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

EditText'in alt çizgisini gizlemek için çalıştı.

Ancak, daha sonra çevrelediğim TextInputLayout ile bir boşluk sorununa neden olduğunu unutmayın EditText

Varsayılan dolguyu bozmadan gizlemenin bir yolu:

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

kullanımı:

editText.setViewBackgroundWithoutResettingPadding(null)

Güncelleme:

Kendinizi her zaman null değerini geçtiğinizde bulursanız, bunu yöntemde kodlayabilirsiniz (ve sonra EditText'in kendisini aşırı yükleyebilirsiniz)

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

Bir minWidth de ayarlamanız gerekir, aksi takdirde metin boşsa imleç kaybolur.

        <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"
            />

Benim durumumda düzenleme metni için özel arka plan kullanıyordum, bu yüzden @null'a arka plan ayarlamak veya saydamlığa renk tonu ayarlamak benim için bir çözüm değildi, bu yüzden benim için çok iyi çalışan küçük bir numara oynadım

android:inputType="textVisiblePassword"

ve işi oldukça iyi yapıyor .. bu en uygun çözüm değil ama çalışıyor

Çok kullanışlı bir şey var:

generalEditText.getBackground().mutate().setColorFilter(getResources().getColor(R.color.white), PorterDuff.Mode.SRC_ATOP);

generalEditText benim EditText ve beyaz renk:

<color name="white">#ffffff</color>

Bu, dolguyu kaldırmaz ve EditText'iniz olduğu gibi kalır. Yalnızca alttaki çizgi kaldırılacaktır. Bazen böyle yapmak daha faydalıdır.

android:background="@null"Önerilen sayıda kullanırsanız doldurmayı kaybedersiniz ve EditText küçülür. En azından benim durumumdu.

Küçük bir yan not, arka planı null olarak ayarlayıp yukarıda verdiğim java kodunu denerseniz, uygulamanız çalıştırıldıktan hemen sonra kilitlenecektir. (çünkü arka planı alır ama boştur.) Açık olabilir ama işaret etmenin önemli olduğunu düşünüyorum.

En ilginç şeyi keşfettim! Eğer bununullVeri Bağlama kullanarak : android:background="@{null}"

Sonra sadece arka plan kaldırılmaz, aynı zamanda görünümde varsayılan arka plandan hesaplanan dolgu bulunur. Yani bir nedenle ertelenmiş null ayarı dolgu önceki bg temizlemez ..? Görünümdeki dolgu sol / üst / sağ 4dp, alt 13dp'dir (emülatör seviyesinden 21).

Tüm API seviyelerinde aynı sonuç olmayabilir, bu yüzden dikkatli olun! Birisi bana bunu test edip güvenilir bulup bulmayacağını söyle. (Ayrıca, alt dolgunun orijinalindeki alt çizgiden dolayı ortaya çıktığını unutmayın. Bu nedenle, muhtemelen XML'de değiştirmek veya eşit üste yüklendikten sonra kodda sıfırlamak isteyeceksiniz ...

düzenleme metninizde zaten bir arka plan varsa aşağıdakileri kullanabilirsiniz.

android:textCursorDrawable="@null"

Bunun tüm EditText örneklerini ve ondan devralan herhangi bir sınıfı etkilemesini istiyorsanız, temanızda editTextBackground niteliğinin değerini ayarlamanız gerekir.

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

Kullandığım çekmeceye bir örnek:

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

Bu, varsayılan malzeme tasarımı uygulamasının biraz değiştirilmiş sürümüdür.

Uygulandığında, tüm EditText'inizin alt çizgiyi uygulama boyunca kaldırmasını sağlar ve stili her birine elle uygulamak zorunda kalmazsınız.

Sadece Bunu Kullan

 editText.setBackgroundColor(Color.TRANSPARENT);

Ayrıca, tüm özellikleri ortak olarak yeniden gruplayabilmeniz için editText öğeniz için bir STİL tanımlayabilirsiniz. Davranışı olması gereken birden çok metni düzenlemek zorundaysanız çok güçlüdür

Kodu res / valu / styles.xml dosyasına koyun

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

Bundan sonra sadece editText'inizde çağırmanız gerekir

<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" />

Programlı olarak kullanın: editText.setBackground(null)

Gönderen xmlkullanımı:android:background="@null"

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

Veya

android:background="@null"

android: inputType = "textVisiblePassword | textMultiLine" android: background = "@ android: renk / şeffaf"

... bu en uygun çözüm değil ama işe yarıyor.

Arka planı null olarak ayarla

android:background="@null" in your xml 

Benim durumumda, editText.setBackgroundResource(R.color.transparent); en iyisi.

Çubuğun hemen altındaki varsayılan dolguları kaldırmaz.

R.color.transparent = #00000000

arka plan kullanıyorsanız bu etiketi kullanmanız gerekir

android:testCursorDrawable="@null" 

Hem kenar boşluklarını hem de arka plan rengini korumak için:

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>

Metni düzenle:

<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" />