Wie erstelle ich EditText mit der Schaltfläche cross(x) am Ende?

Question 1

Gibt es ein Widget wie EditText die eine Kreuzschaltfläche enthält, oder gibt es eine Eigenschaft für EditText wodurch es automatisch erstellt wird? Ich möchte, dass die Kreuztaste den geschriebenen Text löscht EditText.

Question 2

Verwenden Sie das folgende Layout:

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="9dp"
    android:padding="5dp">

    <EditText
        android:id="@+id/calc_txt_Prise"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:inputType="numberDecimal"  
        android:layout_marginTop="20dp"
        android:textSize="25dp"
        android:textColor="@color/gray"
        android:textStyle="bold"
        android:hint="@string/calc_txt_Prise"
        android:singleLine="true" />

    <Button
        android:id="@+id/calc_clear_txt_Prise"      
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:layout_gravity="right|center_vertical"
        android:background="@drawable/delete" />

</FrameLayout>

Sie können auch die ID der Schaltfläche verwenden und jede gewünschte Aktion mit ihrer onClickListener-Methode ausführen.

Question 3

2020-Lösung über Material Design Components für Android:

Fügen Sie Ihrem Gradle-Setup Materialkomponenten hinzu:

Suchen Sie hier nach der neuesten Version: https://maven.google.com/

implementation 'com.google.android.material:material:1.3.0'

oder wenn Sie nicht auf die Verwendung von AndroidX-Bibliotheken aktualisiert haben, können Sie sie auf diese Weise hinzufügen:

implementation 'com.android.support:design:28.0.0'

Dann

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="@string/hint_text"
    app:endIconMode="clear_text">

  <com.google.android.material.textfield.TextInputEditText
      android:layout_width="match_parent"
      android:layout_height="wrap_content"/>

</com.google.android.material.textfield.TextInputLayout>

Beachten: app:endIconMode=”clear_text”

Wie hier besprochen Materialdesign-Dokumente

Question 4

Wenn Sie zufällig verwenden DroidPartshabe ich gerade hinzugefügt ClearableEditText.

So sieht es aus, wenn ein benutzerdefinierter Hintergrund und ein klares Symbol eingestellt sind abs__ic_clear_holo_light von ActionBarSherlock:

Question 5

Dies ist eine Kotlin-Lösung. Fügen Sie diese Hilfsmethode in eine Kotlin-Datei ein.

fun EditText.setupClearButtonWithAction() {

    addTextChangedListener(object : TextWatcher {
        override fun afterTextChanged(editable: Editable?) {
            val clearIcon = if (editable?.isNotEmpty() == true) R.drawable.ic_clear else 0
            setCompoundDrawablesWithIntrinsicBounds(0, 0, clearIcon, 0)
        }

        override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) = Unit
        override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) = Unit
    })

    setOnTouchListener(View.OnTouchListener { _, event ->
        if (event.action == MotionEvent.ACTION_UP) {
            if (event.rawX >= (this.right - this.compoundPaddingRight)) {
                this.setText("")
                return@OnTouchListener true
            }
        }
        return@OnTouchListener false
    })
}

Und verwenden Sie es dann wie folgt in der onCreate Methode und Sie sollten gut zu gehen sein-

yourEditText.setupClearButtonWithAction()

BTW, müssen Sie hinzufügen R.drawable.ic_clear oder zuerst das Löschsymbol. Dieser ist von Google- https://fonts.google.com/icons?s selected=Material%20Icons%20Outlined%3Aclear%3A

Question 6

Die Support-Bibliothek von Android hat eine SearchView Klasse, die genau das tut. (Nicht abgeleitet von EditText aber, also müssen Sie a verwenden SearchView.OnQueryTextListener anstelle einer TextWatcher)

Verwenden Sie in XML so:

  <android.support.v7.widget.SearchView
            android:id="@+id/searchView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:iconifiedByDefault="false"
            android:queryHint="@string/SearchHint"
            app:iconifiedByDefault="false"
            app:queryHint="@string/SearchHint" />

Question 7

Drawable x = getResources().getDrawable(R.drawable.x);
x.setBounds(0, 0, x.getIntrinsicWidth(), x.getIntrinsicHeight());
mEditText.setCompoundDrawables(null, null, x, null);

wobei x ist:

Question 8

Für drawable resource Sie können Standard-Android-Bilder verwenden:

Webarchiv für http://androiddrawables.com/Menu.html

Beispielsweise :

android:background="@android:drawable/ic_menu_close_clear_cancel"