EditText自定义下划线与光标颜色_edittext底线颜色-优快云博客

本文介绍如何在Android应用中自定义EditText组件的光标和底线颜色。通过XML布局文件和Drawable资源，可以实现不同状态下的视觉效果，如聚焦时底线颜色的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因设计的需求有时我们不得不改变EditText底线颜色,接下来我们就实现EditText改变光标及底线颜色:

一.EditText未做任何设置之间效果:

xml.layout：

<EditText
        android:hint="EditText未做任何设置"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

二.定义光标颜色:

//设置光标颜色
  android:textCursorDrawable="@drawable/solid_shape_bottom_line"

//去掉光标

android:textCursorDrawable="@null"

<EditText
        android:id="@+id/et_classRefund"
        android:text=""
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:textSize="@dimen/text_size_13"
        android:gravity="center"
        android:textCursorDrawable="@drawable/solid_shape_bottom_line"
        android:textColor="@color/text_color_333333"/>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <size android:width="2dp" />
    <solid android:color="@color/textcolor_yellow" />
</shape>

运行效果:

三.EditText定义底线：

在Drawable文件夹下建立et_underline_unselected.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item
            android:bottom="0dp"
            android:left="-2dp"
            android:right="-2dp"
            android:top="-2dp">
        <shape>
            <solid android:color="@android:color/transparent" />
            <stroke
                    android:color="@color/textcolor_yellow"
                    android:width="1dp" />
            <padding android:bottom="4dp" />

        </shape>
    </item>

</layer-list>

在Drawable文件夹下建立et_underline_unselected.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
            android:bottom="0dp"
            android:left="-2dp"
            android:right="-2dp"
            android:top="-2dp">
        <shape>
            <solid android:color="@android:color/transparent" />
            <stroke
                    android:width="1dp"
                    android:color="@color/gray" />
            <padding android:bottom="4dp" />
        </shape>
    </item>

</layer-list>

在Activity中做EditText焦点监听:

etClassRefund.setOnFocusChangeListener(new View.OnFocusChangeListener() {
    @Override
    public void onFocusChange(View v, boolean hasFocus) {

        if (hasFocus) {
            etClassRefund.setBackgroundResource(R.drawable.et_underline_selected);
        } else {
            etClassRefund.setBackgroundResource(R.drawable.et_underline_unselected);
        }
    }
});

效果图:

到这里效果是实现了,但是我们发现activity里面的代码增多了，怎么办？？？

解决：

在Drawable文件夹下创建edittext_bg_selector.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="false" android:drawable="@drawable/et_underline_unselected"/> <item android:state_focused="true" android:drawable="@drawable/et_underline_selected"/> </selector>

在Drawable文件夹下创建edittext_bg_selector.xml

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

.xml
<EditText android:id="@+id/et_classRefund" android:text="" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:textSize="@dimen/text_size_13" android:gravity="center" android:background="@drawable/edittext_bg_selector" android:textCursorDrawable="@drawable/solid_shape_bottom_line" android:textColor="@color/text_color_333333"/>

.xml

<EditText
        android:id="@+id/et_classRefund"
        android:text=""
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:textSize="@dimen/text_size_13"
        android:gravity="center"
        android:background="@drawable/edittext_bg_selector"
        android:textCursorDrawable="@drawable/solid_shape_bottom_line"
        android:textColor="@color/text_color_333333"/>