CODEWITHSUNDEEP
androidandroid-edittext
Hasan Abdullah
Hasan Abdullah

Reputation: 2698

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

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

enter image description here

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.

Upvotes: 4

Views: 1518

Answers (4)

Paras Santoki
Paras Santoki

Reputation: 841

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

Upvotes: 2

Jojo Narte
Jojo Narte

Reputation: 3104

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.

Upvotes: 0

Abhinav Gupta
Abhinav Gupta

Reputation: 2265

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

Upvotes: 0

Kishan
Kishan

Reputation: 251

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

Upvotes: 3

Related Questions