วิธีการซ่อนแถบใต้ใน EditText

ฉันจะซ่อนแถบใต้ EditText ได้อย่างไร (บรรทัดที่พรอมต์ที่มี serif เล็ก ๆ ที่ท้าย)?

อาจมีวิธีที่ดีกว่าในการทำสิ่งที่ฉันต้องการ: ฉันมีเลย์เอาต์ที่มี EditText โดยปกติจะแสดงผลดีที่ผู้ใช้สามารถแตะที่มันและเริ่มเข้าหรือแก้ไขข้อความ

อย่างไรก็ตามบางครั้งฉันต้องการใช้เค้าโครงเดียวกัน (ลดความซับซ้อนของตรรกะอื่น ๆ ) เพื่อแสดงข้อมูลเดียวกันในลักษณะอ่านอย่างเดียว ฉันต้องการให้งานนำเสนอใกล้เคียงกัน - ควรมีความสูงและแบบอักษรเดียวกัน แต่ไม่มีแถบใต้

ในฐานะที่เป็นมาตรการหยุดช่องว่างฉันจะใช้สิ่งนี้โดยการลบ EditText และแทนที่ TextView ฉันคิดว่ามันจะให้ผลลัพธ์ที่ต้องการ แต่ดูเหมือนว่าวงเวียนจะเป็นวิธีที่มีราคาแพงในการทำสิ่งที่ควรจะทำได้ง่ายโดยการเปลี่ยนคุณลักษณะ

คุณสามารถตั้งค่าEditTextให้มี drawable โปร่งใสแบบกำหนดเองหรือเพียงแค่ใช้

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

หรือ

android:background="@null"

หรือโดยทางโปรแกรม

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

ตั้งค่าพื้นหลังเป็นค่าว่าง

android:background="@null"

คุณสามารถตั้งค่าEditTextของ backgroundTintสีที่ต้องการได้ หากคุณตั้งค่าสีโปร่งใสแถบด้านล่างควรหายไป

android:backgroundTint="@color/Transparent"

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

แต่คุณสามารถใช้สิ่งนี้ในApi v21(Lollipop)หรือสูงกว่า

โปรดตั้งค่าพื้นหลัง edittext ของคุณเป็น

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 จะเล็กลง อย่างน้อยมันก็เป็นกรณีของฉัน

ข้อสังเกตเล็กน้อยคือถ้าคุณตั้งค่าเป็นพื้นหลังเป็นโมฆะและลองใช้รหัส java ที่ฉันให้ไว้ข้างต้นแอปของคุณจะทำงานล้มเหลวทันทีหลังจากดำเนินการ (เพราะมันทำให้พื้นหลังเป็นโมฆะ) มันอาจจะชัดเจน แต่ฉันคิดว่าการชี้ให้เห็นนั้นสำคัญ

ฉันค้นพบสิ่งที่อยากรู้อยากเห็นมากที่สุด! หากคุณตั้งค่าเป็นnullใช้การเชื่อมข้อมูล: android:background="@{null}"

จากนั้นไม่เพียง แต่จะลบพื้นหลังเท่านั้น แต่มุมมองยังคงมีช่องว่างภายในที่คำนวณจากพื้นหลังเริ่มต้น ดังนั้นด้วยเหตุผลบางอย่างการตั้งค่าเป็นโมฆะเลื่อนไม่ได้ล้างช่องว่างภายในจาก bg .. ก่อนหน้านี้? ช่องว่างภายในมุมมองด้านซ้าย / ด้านบน / ขวา 4dp, ด้านล่าง 13dp (จากตัวจำลองระดับ 21)

อาจไม่ได้ผลลัพธ์ที่เหมือนกันในทุกระดับ API ดังนั้นโปรดระวัง! มีคนบอกฉันถ้าคุณทดสอบและพบว่าเชื่อถือได้ (โปรดทราบว่าการเติมช่องว่างด้านล่างนั้นยื่นออกมาเนื่องจากขีดเส้นใต้ที่อยู่ในต้นฉบับดังนั้นคุณอาจต้องการเปลี่ยนใน XML หรือรีเซ็ตในรหัสหลังจากโหลดไปด้านบนเท่ากัน ...

หากข้อความแก้ไขของคุณมีพื้นหลังอยู่แล้วคุณสามารถใช้สิ่งต่อไปนี้

android:textCursorDrawable="@null"

หากคุณต้องการให้สิ่งนี้ส่งผลกระทบต่ออินสแตนซ์ทั้งหมดของ EditText และคลาสใด ๆ ที่สืบทอดมาจากนั้นคุณควรกำหนดค่าของแอททริบิวเป็น editTextBackground ในธีมของคุณ

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

ตัวอย่างของ drawable ฉันใช้คือ:

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

คุณยังสามารถกำหนดสไตล์สำหรับ 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" />