EditText自定义下划线与光标颜色

最新推荐文章于 2022-08-14 17:23:51 发布

合抱之木，生于毫末,九层之台，起于累土

最新推荐文章于 2022-08-14 17:23:51 发布

阅读量2w

点赞数 11

CC 4.0 BY-SA版权

分类专栏： AndroidView 文章标签： EditText设置底线背景 EditText底线及光标颜色设置

本文链接：https://blog.youkuaiyun.com/u014133119/article/details/80653568

AndroidView 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在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"/>