EditText: How to show cursor and hide underline at a time?

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.

score 3 · Accepted Answer · answered Mar 24 '18 at 06:43

3

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

answered Mar 24 '18 at 06:43

Kishan

231
1
11

1

Thank you sir. It works! I've just created a custom cursor drawable like: ` ` – Hasan Abdullah Mar 24 '18 at 07:34

score 2 · Answer 2 · edited Oct 05 '18 at 10:53

2

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

edited Oct 05 '18 at 10:53

Sadda Hussain

343
5
19

answered Mar 27 '18 at 04:11

Paras Santoki

821
11
26

score 0 · Answer 3 · answered Mar 24 '18 at 07:05

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

score 0 · Answer 4 · answered Mar 24 '18 at 07:14

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.

EditText: How to show cursor and hide underline at a time?

4 Answers4

Linked