android edit text underline 터치 시 color 변화주기

edit text를 사용할 때 커서가 놓여져 있는 부분의 underline의 색깔이 바뀌길 원할 때 selector를 통해서 일괄적으로 적용할 수 있는 코드이다.

총 세 개의 xml 파일이 필요한데 클릭 시에 나타낼 색깔을 지정하는 xml 파일, 기본 상태일 때의 색깔을 지정하는 xml파일, 그리고 이 두개를 이용해서 selector의 형태의 xml파일이 필요하다.

edt_under_selected.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:bottom="1dp"
        android:left="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape android:shape="rectangle" >
            <stroke
                android:width="1px"
                android:color="#00ecc7" />
 
            <solid android:color="#00FFFFFF" />
 
            <padding
                android:bottom="5dp"
                android:left="5dp"
                android:right="5dp"
                android:top="5dp" />
        </shape>
    </item>
</layer-list>

edt_under_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:bottom="1dp"
        android:left="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape android:shape="rectangle" >
            <stroke
                android:width="0.02px"
                android:color="#FF000000" />
 
            <solid android:color="#00FFFFFF" />
 
            <padding
                android:bottom="5dp"
                android:left="5dp"
                android:right="5dp"
                android:top="5dp" />
        </shape>
    </item>
</layer-list>

edt_underline.xml

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

작성 후에 적용하고 싶은 해당 EditText에 android:background="@drawable/edt_underline"
을 작성해주면 끝. 

두께라던지 색깔과 같은 속성들은 자기 입맛에 맞게끔 작성하면 모두 적용됩니다~

참고로 저 hint문이 클릭시에 올라가는 모션은 android.support.design.widget.TextInputLayout
을 사용하였다