Home » Android » android – Change border color when edittext is focused

android – Change border color when edittext is focused

Posted by: admin June 15, 2020 Leave a comment

Questions:

I am wondering how I can change the border color of the edittext when it is focused, at the moment it looks like this:

enter image description here

I have tried checking in the SDK for the source picture, but I couldn’t make any sense of it, and I have also tried with xml, but was unable to change only the border color.

If I find the source picture I could edit in photoshop to change the color, any tips on how I could do this, or where the source picture is located? 🙂

How to&Answers:

You can create a custom shape for your EditText

1: STATE_ENABLED is to check if the ET is enabled/disabled.

2: STATE_PRESSED is to check when the ET is pressed (it will change the color on the press but won’t keep it that way.)

3: STATE_FOCUSED keeps the ET border color changed as long as the ET is focused(This fulfills the requirement).

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true"
            android:state_focused="true">
        <shape android:padding="10dp" android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <stroke android:width="2dp" android:color="#ffa0a496" />
            <corners android:bottomLeftRadius="15dp" android:bottomRightRadius="15dp" android:topLeftRadius="15dp" android:topRightRadius="15dp" />
        </shape>
    </item>
    <item android:state_enabled="true">
        <shape android:padding="10dp"
            android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:bottomLeftRadius="15dp" android:bottomRightRadius="15dp" android:topLeftRadius="15dp" android:topRightRadius="15dp" />
        </shape>
    </item>
</selector>

And set background:

editText.setBackgroundResource(R.drawable.yourFile);