重拾Android之路之EditText

---

引言

EditTex是Android中比较常用的一个控件,可以说它是用户和Android应用进行数据传递的通道.通过它,用户可以把数据传给App,然后我们可以获取到用户输入的数据.

EditText是TextView的子类,它继承了TextView的所有属性.在实际开发中我们可能会根据开发需求,自定义出比较美观的EditText控件,这里我们不说自定义EditText.主要说一下EditText使用中的细节.以及使用EditText过程中遇到的坑...

---

正文

EditText属性(API 24)

• android:hint //设置hint提示文本
• android:textColorHint //设置hint提示文字颜色
• android:textColor //设置文字颜色
• android:textSize //设置文本字体大小
• android:textStyle //设置文本字体样式,bold(加粗),italic(倾斜),normal(默认是正常字体).
• android:numeric //控制EditText输入数字的类型 decimal(浮点数),integer(正整数),signed(带+ -号的整数).注意:该属性在使用时提示已过时,建议使用android:inputType属性替代.
• android:singleLine //设置是否单行输入 true(单行输入),false(会自动换行).注意:该属性在使用时提示已过时,建议使用android:maxLines="1"属性替代.
• android:password="true" //以密文的形式显示输入的文本.注意:该属性在使用时提示已过时,建议使用android:inputType属性替代.
• android:textAlignment //设置EditText中文本显示的位置,center(居中),inherit(默认,居左边显示),viewStart(居左显示),viewEnd(居右显示),textStart(居左显示),textEnd(居右显示).这里需要注意的是最低支持的API版本是17,前两个可以在API14中使用,而后面使用就会报红线...
• android:textColorHighlight //设置被选中字体的颜色.默认为 Theme 主题中的 “colorAccent”的颜色.
• textCursorDrawable //设置被光标的颜色.默认为 Theme 主题中的 “colorAccent”的颜色.
• android:textScaleX //设置文本的水平缩放系数.
• android:typeface //设置hint提示文本的字体.normal(默认),monospace,sans,serif.这里就不解释了,大家试一下就能看出效果.
• android:background //设置EditText背景."@null"设置背景为透明.当我们设置背景后,EditText的那条线就会消失.
• android:textAppearance //设置文本的颜色,字体,大小和样式.
• android:digits //设置只接收指定的文本内容.
• android:phoneNumber="true" //设置输入电话号码.注意:该属性在使用时提示已过时,建议使用android:inputType属性替代.
• android:editable //设置EditText是否可以编辑.当你设置为true,会提示你该EditText已经是可编辑的.设置为false时会提示使用inputType替代.
• android:inputType //设置文本的类型，用于帮助输入法显示合适的键盘类型.
• android:maxLength //设置EditText最多接受的文本的个数.
• android:lines //设置EditText显示的行数,设置两行就显示两行，即使第二行没有数据.
• android:lineSpacingExtra //设置行间距.
• android:lineSpacingMultiplier //设置行间距的倍数. 如设置成1.5倍.
• android:imeOptions //设置右下角IME动作与编辑框相关的动作，如actionDone右下角将显示一个“完成”，而不设置默认是一个回车符号.下面会详细说明.

使用细节

我们在使用EditText中有时候会限制输入框中输入的文本类型,或者当弹出软键盘时,出现的是比较合适的输入法.如:我们在QQ时,弹出的软件盘显示的就是数字,当输入密码时,右下角编辑框显示的是"完成",点击即会关闭软键盘.其实这也就是inputType和imeOptions属性来实现的, inputType属性可以指定键盘的类型,而imeOptions指定键盘右下角显示的Action.下面我们就来实现EditText使用过程中的小细节.

1. 这个类似QQ登录输入框,第一个EditText(用户名)的inputType设置的是text,imeOptions设置的是actionNext(下一个).第二个EditText(密码)的inputType设置的是textPassword,imeOptions设置的是actionDone(完成).当输入完用户名,点击键盘action下一个,会跳到密码输入框,当输入完密码后,点击键盘action完成,软键盘就会隐藏.来看下效果图就明白来.

Xml布局:

<EditText
     android:id="@+id/et_user_name"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:hint="请输入用户名..."
     android:imeOptions="actionNext"
     android:inputType="text"
     android:textColor="@color/black" />

 <EditText
     android:id="@+id/et_password"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:hint="请输入密码..."
     android:imeOptions="actionDone"
     android:inputType="textPassword"
     android:textColor="@color/black" />

注意：这里需要注意的是,如果想让键盘显示Action,需要inputType和imeOptions结合使用才可以,只使用imeOptions是不会有效果的.只会显示默认的换行action.(不同手机的输入法不一样,可能显示的会有点小差别)

2. 接下来我们看一下inputType可以接受的参数:

我们可以使用android：inputType属性指定要用于EditText对象的键盘类型.例如,如果你希望用户输入电子邮件地址，则应使用textEmailAddress输入类型.以下是输入类型常见的值:

• "text" 普通文本键盘
• "textEmailAddress" 带有@字符的普通文本键盘
• "textUri" 带有/字符的普通文本键盘.
• "number" 基本数字键盘.
• "phone" 电话样式键盘.
• "datetime" 时间日期.
• "date" 日期.

android：inputType还允许指定某些键盘行为,例如是否大写所有新单词或使用自动完成和拼写建议等功能.以下是定义键盘行为的一些常见输入类型值:

• "textCapSentences" 普通的文本键盘,大写每个新句子的第一个字母.
• "textCapWords" 大写每个单词的正常文本键盘.适合标题或人名.
• "textAutoCorrect" 正常文本键盘,可纠正拼写错误的字词.
• "textPassword" 这个就和设置password="true"是一样的效果.以原点的形式显示输入的文本.
• "textMultiLine" 普通文本键盘,允许用户输入包含换行符的长字符串（回车符）.

3. 上面演示第一个小栗子时,说了当需要指定键盘action时,需要和inputType结合使用才会有效果,下面就来看下imeOptions可以接受的参数:下面直接来张图,大家一看就明白了.上图....

在代码中我们可以响应action操作的事件.如xml布局中有一个id为search的EditText控件,并指定imeOptions="actionSearch",我们可以指定action操作的事件.

 EditText editText = (EditText) findViewById(R.id.search);
 editText.setOnEditorActionListener(new OnEditorActionListener() { 
 @Override 
 public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
     boolean handled = false;
     if (actionId == EditorInfo.IME_ACTION_SEND) {
         Toast.makeText(this, "点击actionSearch执行的操作 ", Toast.LENGTH_SHORT).show(); 
         handled = true;
     } 
     return handled;
 } 
 });

注意：再次提醒,在使用imeOptions时,如果你没有使用inputType属性,是不会有效果的.

4. 最后一个就是使用EditText中遇到的坑了....相信大多数开发者都遇到过,那就是当你的EditText输入框在屏幕的下方时,弹出软键盘会遮挡住输入框...当然,你可以使用ScrollView嵌套EditText来解决这一问题.但我最近看到一篇文章,感觉很优雅的就解决了这个问题.下面贴出文章地址.软键盘挡住输入框问题的终极解决方案.

EditText属性大全（重新收录）

EditText继承关系：View-->TextView-->EditText

• android:hint="请输入数字！"
  设置显示在控件上的提示信息

• android:numeric="integer"
  设置只能输入整数，如果是小数则是：decimal

• android:singleLine="true"
  设置单行输入，一旦设置为true，则文字不会自动换行。被android:maxLines="1"所代替了。

• android:textColor = "#ff8c00"
  字体颜色

• android:textStyle="bold"
  字体，bold, italic, bolditalic

• android:textSize="18sp"
  大小

• android:capitalize = "characters"
  以大写字母写

• android:textAlign="center"
  EditText没有这个属性，但TextView有，居中

• android:textColorHighlight="#cccccc"
  被选中文字的底色，默认为蓝色

• android:textColorHint="#ffff00"
  设置提示信息文字的颜色，默认为灰色

• android:textScaleX="1.5"
  控制字与字之间的间距

• android:typeface="monospace"
  字型，normal, sans, serif, monospace

• android:background="@null"
  背景，这里没有，指透明

• android:layout_weight="1"
  权重，控制控件之间的地位,在控制控件显示的大小时蛮有用的。

• android:textAppearance="?android:attr/textAppearanceLargeInverse"
  文字外观，这里引用的系统自带的一个外观，？表示系统是否有这种外观，否则使用默认的外观，可设置的值如下：
  textAppearanceButton/textAppearanceInverse/textAppearanceLarge/textAppearanceLargeInverse/textAppearanceMedium/textAppearanceMediumInverse。

• android:layout_gravity="center_vertical"
  设置控件显示的位置：默认top，这里居中显示

• et.setSelection(et.length());
  调整光标到最后一行

• android:autoText
  自动拼写帮助

• android:autoLink=”all”
  设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)

• android:cursorVisible
  设定光标为显示/隐藏，默认显示。

• android:digits
  设置允许输入哪些字符。如“1234567890.+-*/% ()”

• android:drawableBottom
  在text的下方输出一个drawable，如图片。如果指定一个颜色的话会把text的背景设为该颜色，并且同时和background使用时覆盖后者。

• android:drawableLeft
  在text的左边输出一个drawable，如图片。

• android:drawablePadding
  设置text与drawable(图片)的间隔，与drawableLeft、drawableRight、drawableTop、drawableBottom一起使用，可设置为负数，单独使用没有效果。

• android:drawableRight
  在text的右边输出一个drawable，如图片。

• android:drawableTop
  在text的正上方输出一个drawable，如图片。

• android:ellipsize
  设置当文字过长时,该控件该如何显示。有如下值设置：
  ”start”—?省略号显示在开头;
  ”end”——省略号显示在结尾;
  ”middle”—-省略号显示在中间;
  ”marquee” ——以跑马灯的方式显示(动画横向移动); 自己测的时候，好像xml报错

• android:gravity
  设置文本位置，如设置成“center”，文本将居中显示。

• android:imeOptions
  附加功能，设置右下角IME动作与编辑框相关的动作，如actionDone右下角将显示一个“完成”，而不设置默认是一个回车符号。

• android:imeActionId
  设置IME动作ID。

• android:includeFontPadding
  设置文本是否包含顶部和底部额外空白，默认为true。

• android:inputMethod
  为文本指定输入法，需要完全限定名(完整的包名)。例如：
  com.google.android.inputmethod.pinyin

• android:linksClickable
  设置链接是否点击连接，即使设置了autoLink。

• android:ems
  设置TextView的宽度为N个字符的宽度。这里测试为一个汉字字符宽度，android:maxEms设置TextView的宽度为最长为N个字符的宽度。与ems同时使用时覆盖ems选项。android:minEms设置TextView的宽度为最短为N个字符的宽度。与ems同时使用时覆盖ems选项。

• android:maxLength
  限制显示的文本长度，超出部分不显示。

• android:scrollHorizontally
  设置文本超出TextView的宽度的情况下，是否出现横拉条。

• android:shadowRadius
  设置阴影的半径。设置为0.1就变成字体的颜色了，一般设置为3.0的效果比较好。

• android:shadowColor
  指定文本阴影的颜色，需要与shadowRadius一起使用。

• android:shadowDx
  设置阴影横向坐标开始位置

• android:shadowDy
  设置阴影纵向坐标开始位置。

• android:typeface
  设置文本字体，必须是以下常量值之一：normal 0, sans 1, serif 2, monospace(等宽字体) 3

• android:maxHeight
  设置文本区域的最大高度

• android:minHeight
  设置文本区域的最小高度

简单示例：

演示效果：

涉及到关于EditText的问题

1.怎样改变EditText样式（去下划线 圆滑矩形片框 背景颜色等）

2.EditText光标显示位置，颜色，高度等

源码展示

1.通过背景这一属性设置EditText圆滑片框，片框颜色，背景颜色

drawable下创建et.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid
                android:color="#FFFFFF"/>
            <corners
                android:bottomRightRadius="5dip"
                android:bottomLeftRadius="5dip"
                android:topLeftRadius="5dip"
                android:topRightRadius="5dip"/>
            <stroke
                android:width="0.5px"
                android:color="#505050"/>
        </shape>
    </item>
</layer-list>

属性可以根据要求改

2.activity.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <TextView android:text="登录" android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/textView_1" />
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#C6C7C7"
        android:layout_below="@+id/textView_1"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/view"></View>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:id="@+id/editText"
        android:paddingLeft="20dp"
        android:hint="用户名/邮箱/手机号"
        android:textCursorDrawable="@null"

        android:background="@drawable/et"
        android:layout_below="@+id/view"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:id="@+id/editText2"
        android:background="@drawable/et"
        android:paddingLeft="20dp"
        android:hint="请输入密码："
        android:layout_below="@+id/editText"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:id="@+id/editText3"
        android:paddingLeft="20dp"
        android:hint="请输入验证码："
        android:background="@drawable/et"
        android:layout_below="@+id/editText2"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="20dp"
        android:layout_alignRight="@+id/textView_1"
        android:layout_alignEnd="@+id/textView_1" />

    <EditText
        android:layout_width="140dp"
        android:layout_height="50dp"
        android:background="@drawable/et"
        android:id="@+id/editText4"
        android:layout_alignBottom="@+id/editText3"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="登录"
        android:editable="false"
        android:textColor="#FFFFFF"
        android:gravity="center"
        android:background="@drawable/et1"
        android:id="@+id/editText5"
        android:layout_below="@+id/editText3"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="30dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:text="免费注册"
        android:textColor="#F98498"
        android:gravity="center"
        android:id="@+id/textView"
        android:layout_below="@+id/editText5"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:text="忘记密码?"
        android:textColor="#77B1F3"
        android:gravity="center"
        android:id="@+id/textView2"
        android:layout_below="@+id/editText5"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />
</RelativeLayout>

3.关于光标设置

（1）使光标移动到制定的位置：editText.setSelection(2);（输入的参数是个整数）

（2）在请求出现光标时，也就是在获取焦点时：editText.requestFocus();
清除光标，也就是失去焦点：editText.clearFocus();

（3）让EditText不出现光标：editText.setCursorVisible(false);

也可以属性中修改android：cursorVisible及是否显示光标

（4）光标颜色：android:textCursorDrawable="@null"与字体同色

（5）自定义光标样式：

<EditText  
android:layout_width="match_parent"  
android:layout_height="wrap_content"  
android:textCursorDrawable="@drawable/color_cursor"/>  
样式文件：  
<?xml version="1.0" encoding="utf-8"?>    
<shape xmlns:android="http://schemas.android.com/apk/res/android"    
    android:shape="rectangle">    
    <size android:width="1dp" />  
    <solid android:color="#000000"  />  
</shape>    

edittext 下划线颜色更改的问题：

styles里apptheme（app主题）加上
<item name="colorAccent">@color/primary_blue（其他颜色也行）</item>

或者：

在styles.xml文件中声明自定义样式

<style name="MyEditText" parent="Theme.AppCompat.Light"> 
 <item name="colorControlNormal">@color/indigo</item> 
 <item name="colorControlActivated">@color/pink</item>
</style>

通过android：theme属性将此样式应用于您的EditText

<EditText 
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:hint="Hint text"
 android:theme="@style/MyEditText"/>

效果如下：

监听EditText的变化

使用EditText的addTextChangedListener(TextWatcher watcher)方法对EditText实现监听，TextWatcher是一个接口类，所以必须实现TextWatcher里的抽象方法：

et.addTextChangedListener(new TextWatcher() {  

            @Override 
            public void beforeTextChanged(CharSequence s, int start, int count,  
                    int after) {  
                tv.setText("还能输入"+Rest_Length+"个字");              
            }  

            @Override 
            public void afterTextChanged(Editable s) {  
                tv.setText("还能输入"+Rest_Length+"个字");  
            }  

            @Override 
            public void onTextChanged(CharSequence s, int start, int before, int count) {  
                if(Rest_Length>0){  
                    Rest_Length = MAX_LENGTH - et.getText().length();  
                }  
            }             
        });  

        clearBtn.setOnClickListener(new Button.OnClickListener() {        
            @Override 
            public void onClick(View v) {  
                et.setText("");  
                Rest_Length = MAX_LENGTH;  
            }  
        });  
    }

现在有个小需求，需要输入11位手机号码，但是需要在第三位和第四位之间加上空格，第七位和第八位中间加上空格

效果如下：

贴上代码：

        editTextPhone.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                L.i("start :" + start);
                if ((start == 3 || start == 8) && (tempLength < s.length())) {
                    s = s.subSequence(0, s.length() - 1) + " " + s.charAt(s.length() - 1);
                    editTextPhone.setText(s);
                    editTextPhone.setSelection(s.length());
                    L.i("start1 :" + start);
                } else if ((start == 4 || start == 9) && (tempLength > s.length())) {
                    s = s.subSequence(0, s.length() - 1);
                    editTextPhone.setText(s);
                    editTextPhone.setSelection(s.length());
                    L.i("start2 :" + start);
                }

                if ((start == 12) && (tempLength < s.length())) {
                    buttonNext.setEnabled(true);
                } else {
                    buttonNext.setEnabled(false);
                }
                tempLength = s.length();
            }

            @Override
            public void afterTextChanged(Editable s) {
            }
        });

注意：1.如果直接用editTextPhone.setText(s);没有editTextPhone.setSelection(s.length());这段代码的话，光标会回到初始位置0，因此，要将光标移至当前最末位。另外，(起始位置为0)在位置为3的时候，好理解，意味着第三个数字输入中状态时添加空格。后面的位置注意是8，并不是7，因为空格已经被添加进去了，因此要往后移一位。往回删的时候，删除的位置就不能再是原先的位置3和位置8了，而应该是他们的各自后一位，位置4和位置9。判断是输入还是删除状态，比较简单，判断tempLength与当前Sequence s.length()的大小即可。

还有一点，在输入位置12时，start==12，当删除当前位置12时，start还是==12，因此要多加输入/删除的判断。