尤文贴吧,蒋劲夫激凸漏鸟图,环保剑第二部
前言
最近在写些小demo复习基础，在用到edittext的时候突然发现之前几乎没有注意到它的光标和下划线的颜色，于是花了不少时间，看了不少博客，现在就来总结和分享一下收获，话不多说了，来一起看看详细的介绍：
1、第一印象：原生的edittext
我们要在原生的edittext上修改，首先当然要认识一下它的本来面目。在android studio中新建一个工程，让mainactivity继承于appcompatactivity（为什么要这样做，后面再说），然后在mainactivity的布局中放置一个edittext：
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:orientation="vertical" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.lindroid.edittext.mainactivity"> <edittext android:hint="原生的edittext" android:layout_width="match_parent" android:layout_height="wrap_content" /> </linearlayout>
运行工程，仔细观察可以看到光标和下划线都是粉红色的。现在就让我们循序渐进，先修改它的光标颜色。
2、自定义光标颜色
edittext 有一个属性：android:textcursordrawable ，它就是用来设置光标样式的。为了加深认识，大家先额外做个小实验：将textcursordrawable设置为@null，表示去除系统默认的样式，但我们都记得隐藏光标的属性是android:cursorvisible , 那么这时光标会是什么样子的呢？你可以给文字（android:textcolor）和提示文字（android:textcolorhint属性）设置不同的颜色，运行之后就会发现此时光标的颜色是跟文字的保持一致的。
了解了android:textcursordrawable 的作用之后，我们可以在drawable资源文件夹下新建一个cursor_color.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="@android:color/holo_blue_light" /> </shape>
光标的颜色为系统自带的浅蓝色，宽度为2dp。在原生的edittext下面放置一个新的edittext：
<edittext android:textcursordrawable="@drawable/cursor_color" android:hint="自定义光标颜色" android:layout_width="match_parent" android:layout_height="wrap_content" />
运行效果如下：
3、取消背景后的edittext
第2节中，我们将属性android:textcursordrawable 设置为“@null”之后发现光标的样式会变得跟文字的颜色一样，那么如果将整个edittext的背景设置为“@null”呢？我们可以添加一个edittext，然后为它增加属性android:background="@null" ：
可以看到，虽然光标的样式没有改变，但是下划线消失了，不过除此之外，edittext的边距也没有了，如果不是光标在闪烁，一眼看上去就像个textview了。
网上有些自定义edittext下划线的教程就是这样操作的，先把背景去除，再在下面加一个横线。这样的操作未尝不可，但是为了美观，还是得重新设置间距值。。
4、自定义主题修改下划线
还记得刚才我们在创建mainactivity时要继承appcompatactivity吗？到了这里就要揭晓答案了。这样做是为了使用appcompat-v7包中的material design样式，比如我们可以在styles.xml文件中新建一个myedittext样式：
<style name="myedittext" parent="theme.appcompat.light"> <item name="colorcontrolnormal">@android:color/darker_gray</item> <item name="colorcontrolactivated">@android:color/holo_orange_dark</item> </style>
colorcontrolnormal 表示控件默认的颜色，colorcontrolactivated 表示控件被激活时的颜色，这样，我们就可以分别设置edittext不被选中和选中时的颜色了。这里我将选中的颜色设为橙色。
在activity_main.xml中再增加一个edittext，加上android:theme="@style/myedittext" 属性，效果如下：
可以看到，光标和下划线的颜色都会修改掉，而间距还是会保留。
5、全局修改edittext颜色
前面的做法都是针对一个edittext来修改的，如果需要把项目中所有的edittext的颜色都改掉的话，那这样做的话工作量就太大了。有没有办法可以一脚定江山的呢？
不知道你发现了没有，为什么edittext默认是骚气的粉红色呢？事实上，你设置其他几种控件（比如progressbar、switch等等），它们的颜色基本上也是骚粉。你只要再看一眼刚才的styles.xml，里面的apptheme的代码是这样的：
<style name="apptheme" parent="theme.appcompat.light.darkactionbar"> <!-- customize your theme here. --> <item name="colorprimary">@color/colorprimary</item> <item name="colorprimarydark">@color/colorprimarydark</item> <item name="coloraccent">@color/coloraccent</item> </style>
看到了吗？里面的coloraccent就是那个骚粉色了。为了理解这三种颜色，我特地找了一张图：
6、继承activity时自定义下划线
前面我们做的自定义下划线操作都是在继承appcompatactivity的前提下，如果你改成activity，然后在android5.0以下的手机运行的话，效果是这样的：
material design风格消失了，光标的颜色虽然还能修改，但是下划线的颜色却改不了。所以我们还得另想方法。
edittext是一个输入框，我们可以这样理解：下划线无非就是给输入框的下边框加一条线。这个用android中的layer-list（图层）就可以做到。新建两个xml文件：et_underline_unselected.xml和et_underline_selected.xml，前者是edittext被选中时的背景，后者则是未被选中时的背景：
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="@android:color/darker_gray" />
<padding android:bottom="4dp" />
</shape>
</item>
</layer-list>
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="@android:color/holo_green_light"
android:width="2dp" />
<padding android:bottom="4dp" />
</shape>
</item>
</layer-list>
我将layer-list理解成一个图层列表，shape就是列表中的一个item，由于我们只需要下边框有横线，所以除了shape在列表中的下边距外都设为负值。光标和下划线之间要有点距离，所以shape的下方内边距设为4dp。当然，被选中时的下划线宽度要大一点。
在项目中新建一个secondactivity，继承于activity，然后在布局文件中放置两个edittext，background都设为“@null”，光标就用我们之前的浅蓝色。
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.lindroid.edittext.secondactivity"> <edittext android:id="@+id/edittext1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="3dp" android:background="@null" android:hint="自定义edittext下划线1" android:textcursordrawable="@drawable/cursor_color" /> <edittext android:id="@+id/edittext2" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="3dp" android:background="@null" android:hint="自定义edittext下划线2" android:textcursordrawable="@drawable/cursor_color" /> </linearlayout>
然后在代码中设置edittext的监听事件
/**初始化edittext,默认都为未选中状态**/
edittext1.setbackgroundresource(r.drawable.et_underline_unselected);
edittext2.setbackgroundresource(r.drawable.et_underline_unselected);
/**第一个edittext的焦点监听事件**/
edittext1.setonfocuschangelistener(new view.onfocuschangelistener() {
@override
public void onfocuschange(view v, boolean hasfocus) {
if (hasfocus) {
log.e(tag, "edittext1获得焦点");
edittext1.setbackgroundresource(r.drawable.et_underline_selected);
} else {
log.e(tag, "edittext1失去焦点");
edittext1.setbackgroundresource(r.drawable.et_underline_unselected);
}
}
});
/**第二个edittext的焦点监听事件**/
edittext2.setonfocuschangelistener(new view.onfocuschangelistener() {
@override
public void onfocuschange(view v, boolean hasfocus) {
if (hasfocus) {
log.e(tag, "edittext2获得焦点");
edittext2.setbackgroundresource(r.drawable.et_underline_selected);
} else {
log.e(tag, "edittext2失去焦点");
edittext2.setbackgroundresource(r.drawable.et_underline_unselected);
}
}
});
注意：要先将所有的edittext都设置为运行一下，效果如下：
效果我们是实现了，但是这样一来activity中的代码显得太冗长，因此我们可以将选中和未选中的状态封装到状态选择器中。在drawable文件夹下新建一个et_underline_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>
android:state_focused表示控件是否获得焦点。然后在布局文件中设置
android:background="@drawable/et_underline_selector" ，activity的焦点监听代码删去就可以了。运行，就可以看到一模一样的效果了。
7、后记
文章至此就结束了，但是我要学的东西还有很多，文章里的某些知识出于我个人理解，可能会有不足或者错误，欢迎大家指正！
由于这里的代码比较简单，工程就不上传了，大家动手敲一敲，相信没有问题的。
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对移动技术网的支持。
参考文献
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
Android studio开发小型对话机器人app(实例代码)
Android通过Java sdk的方式接入OpenCv的方法
Android 通过cmake的方式接入opencv的方法步骤
Android Studio finish()方法的使用与解决app点击“返回”(直接退出)
Android 进度条 ProgressBar的实现代码(隐藏、出现、加载进度)
网友评论