Android控件篇 EditText设置 “ 自定义下划线 ” 与 “ 光标颜色 ”

一、前言

安卓应用在处理输入时,设计师有需求改变光标及底线颜色,那当然要积极完成啦!下面就开始吧

二、默认状态 activity_main.xml

在这里插入图片描述
默认状态:

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

三、自定义光标颜色

  1. 设置光标颜色
 android:textCursorDrawable="@drawable/solid_shape_bottom_line"
  1. 去掉光标
 android:textCursorDrawable="@null"
  1. 配置自定义光标颜色(drawable新建自定义属性solid_shape_bottom_line.xml)
    在这里插入图片描述
<?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="#FFEB3B" />
</shape>
  1. 配置输入栏属性
    <!-- textCursorDrawable:引用自定义的光标颜色 -->
    <EditText
        android:hint="EditText未做任何设置"
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textCursorDrawable="@drawable/solid_shape_bottom_line"
        android:textColor="@color/black"/>
  1. 光标效果
    在这里插入图片描述

四、自定义EditText底线颜色

在这里插入图片描述

(1)在Drawable文件夹下建立et_underline_selected.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="#FD0303"
                android:width="1dp" />
            <padding android:bottom="4dp" />
        </shape>
    </item>
</layer-list>

在这里插入图片描述
(2)在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="#017DDF" />
            <padding android:bottom="4dp" />
        </shape>
    </item>

</layer-list>

在这里插入图片描述

五、实战

(一)代码控制

public class MainActivity extends AppCompatActivity {

    private EditText editText;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        editText = (EditText)this.findViewById(R.id.editText);

        editText.setOnFocusChangeListener(new View.OnFocusChangeListener() {
            @Override
            public void onFocusChange(View v, boolean hasFocus) {
                if (hasFocus) {
                    editText.setBackgroundResource(R.drawable.et_underline_selected);
                } else {
                    editText.setBackgroundResource(R.drawable.et_underline_unselected);
                }
            }
        });
    }
}

(二)属性控制

//android:background="@drawable/edittext_bg_selector"
<EditText
        android:id="@+id/editText"
        android:text=""
         android:textSize="13dp"
        android:gravity="center"
        android:textColor="@color/black"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/edittext_bg_selector"
        android:textCursorDrawable="@drawable/solid_shape_bottom_line"/>

资源:https://download.csdn.net/download/weixin_44720673/16651600

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

其子昱舟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值