EditText: How to show cursor and hide underline at

Question

I'm developing an Calculator App. I wanna achieve the UI as like as Android default Calculator App. Please check my App's screenshot.

I want to hide the underline of EditText and show the cursor in white color. I used transparent background at EditText (from here) also used background as @null. It hides EditText's underline and also hide the cursor. BUT... for calculator App cursor should not be hidden.

Please give me a way to hide underline of EditText and show the EditText's cursor of white color.

Answer 1

Set the background drawable as transparent and set the Text Cursor drawable of your choice. For Example:

<EditText
                android:id="@+id/remarkEditText"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@android:color/transparent"
                android:textCursorDrawable="@drawable/white"/>

Answer 2

please add one more thing in your EditText :=

<EditText
                android:id="@+id/youId"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#00000000"
                />

Answer 3

Progamatically you could set the EditText background filter into this. This would set it into a clear background color.

editText.getBackground().setColorFilter(color, PorterDuff.Mode.SRC_IN);

Or via XML you can do this, but this would only work for Android API 21 +, your best option is the color filter.

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

For the cursor, you should add textCursorDrawable with cursorVisible via XML.

Answer 4

Set the background drawable as transparent and set the android:textCursorDrawable null so the cursor color always text color. For Example:

<EditText
    android:id="@+id/editTextInput"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:textCursorDrawable="@null"/>