2

I'm trying to change color of bottom line under EditText. I can see few question on SO like mine, but nothing helps. This is my xml:

<EditText android:id="@+id/loginEditText" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="10dp" android:hint="@string/login" android:theme="@style/EditTextStyle" android:inputType="textPersonName" >

And this is my style:

 <resources> <style name="Theme.MyTheme" parent="Theme.AppCompat.Light"> <item name="colorPrimary">@color/material_blue_500</item> <item name="colorPrimaryDark">@color/material_blue_700</item> <item name="colorAccent">@color/material_blue_700</item> <item name="colorControlNormal">@color/material_blue_700</item> <!-- Active thumb color & Active track color(30% transparency) --> <item name="colorControlActivated">@color/material_blue_500</item> <!-- Inactive thumb color --> <item name="colorSwitchThumbNormal">@color/lightGrey</item> <!-- Inactive track color(30% transparency) --> <item name="android:colorForeground">@color/grey</item> <item name="android:editTextStyle">@style/EditTextStyle</item> <item name="colorControlNormal">@color/material_blue_400</item> <item name="colorControlActivated">@color/material_blue_700</item> <item name="colorControlHighlight">@color/material_blue_700</item> </style> <style name="EditTextStyle" parent="Widget.AppCompat.EditText"> <item name="colorControlNormal">@color/material_blue_400</item> <item name="colorControlActivated">@color/material_blue_700</item> <item name="colorControlHighlight">@color/material_blue_700</item> </style> </resources>

This is my colors:

<color name="green">#00FF00</color> <color name="thumbColor">#66aaaaaa</color> <color name="darkGrey">#888</color> <color name="grey">#ccc</color> <color name="white">#fff</color> <color name="lightGrey">#bbb</color> <color name="veryMidGrey">#eeeeee</color> <color name="veryLightGrey">#efefef</color> <color name="transparent">#00000000</color> <color name="whiteTransparent">#CCFFFFFF</color> <color name="blackTransparent">#CC000000</color> <color name="material_blue_800">#1565C0</color> <color name="material_blue_500">#2196F3</color> <color name="material_blue_400">#42A5F5</color> <color name="material_blue_700">#1976D2</color> <color name="material_blue_300"> #64B5F6</color> <color name="black">#000</color>

But my bottom line is still black.

enter image description here

What do?

Improve this question
1

4 Answers 4

Reset to default
1

Use :

editText.getBackground().mutate().setColorFilter(getResources().getColor(R.color.your_color), PorterDuff.Mode.SRC_ATOP);

Note : getColor() method is deprecated for API level 23. So you need to use Contextcompat to get color.

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

You need to import it with import android.graphics.PorterDuff;
0

try this answer: change in your style.xml

<style name="Theme.App.Base" parent="Widget.AppCompat.EditText"> <item name="colorControlNormal">#c5c5c5</item> <item name="colorControlActivated">@color/accent</item> <item name="colorControlHighlight">@color/accent</item> </style>
Improve this answer

5 Comments

No, still black. Can you please provide full styles.xml?
@Tony try this ref: stackoverflow.com/questions/27151569/…
@DaminiMehra Gujarati ?
@DaminiMehra Same here. Nice to see you here :I am from Amd
This is room for gujarati developers chat.stackoverflow.com/rooms/112107/android-smartness. You can chat there anytime for your problems if you have. @DaminiMehra
0

Create a drawable edit.xml

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_activated="true" android:drawable="@drawable/apptheme_textfield_activated_holo_light" /> <item android:state_focused="true" android:drawable="@drawable/apptheme_textfield_activated_holo_light" /> <item android:state_activated="false" android:drawable="@drawable/apptheme_textfield_focused_holo_light" /> </selector>

And apply this drawable to editText

android:background="@drawable/edit"

now your bottom line will change

9 patch images

apptheme_textfield_activated_holo_light apptheme_textfield_activated_holo_light

Improve this answer

Comments

0

If you are using appcompat-v7:22.1.0+ Use Drawable Compat.

Refer this Function.

 public void tintColorWidget(View view, int color) { Drawable wrappedDrawable = DrawableCompat.wrap(view.getBackground()); DrawableCompat.setTint(wrappedDrawable.mutate(), getResources().getColor(color)); view.setBackgroundDrawable(wrappedDrawable); }

And Apply to your Views.

 EditText txtView = (EditText) findViewById(R.id.edtCurrency); tintColorWidget(txtView, R.color.colorPrimary);
Improve this answer

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.