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