Search code examples
androidandroid-edittext

How to create EditText with cross(x) button at end of it?


Is there any widget like EditText which contains a cross button, or is there any property for EditText by which it is created automatically? I want the cross button to delete whatever text written in EditText.


Solution

  • Use the following 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>
    

    You can also use the button's id and perform whatever action you want on its onClickListener method.