Android EditText使用

一：新建HelloEditText工程

 

新建一个Hello world详细步骤可以参见

Android教程之三：第一个Android应用，HelloWorld

创建设置如下：

1. Project name: HelloEditText
2. Build Target :android 2.2
3. Application name:HelloEditText
4. Package name:com.flysnow
5. create Activity: HelloEditText
6. min SDK 8

 这时候运行还看不到EditText，因为我们还没有加上,修改main.xml如下：

Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7. <EditText  
8.     android:id="@+id/edit_text"    
9.     android:layout_width="fill_parent"   
10.     android:layout_height="wrap_content"   
11.     android:text="这是一个EditText"/>  
12. </LinearLayout>  

 这里添加了一个id为"edit_text"的EditText，设置默认显示为本为“这是一个EditText”。。运行效果如下：

二：EditText简介

EditText是一个非常重要的组件，可以说它是用户和Android应用进行数据传输窗户，有了它就等于有了一扇和Android应用传输的门，通过它用户可以把数据传给Android应用，然后得到我们想要的数据。

EditText是TextView的子类，所以TextView的方法和特性同样存在于EditText中，具体的TextView的介绍可以参考上一节Android系列教程之六：TextView小组件的使用--附带超链接和跑马灯效果

 

三：长度和空白提示文字,提示文字颜色,是否可编辑等

EditText有一些属性可以设置EditText的特性，比如最大长度，空白提示文字等。

1. 有时候我们有一些特属的需要，要求只能在EditText中输入特定个数的字符，比如身份证号、手机号吗等。这时候就可以通过android:maxLength属性来设置最大输入字符个数，比如android:maxLength=“4”就表示最多能输入4个字符，再多了就输入不进去了。
2. 空白提示文字。有时候我们需要说明你定义的这个EditText是做什么用的，比如让输入“用户名”，或者输入“电话号码”等，但是你又不想在EditText前面加一个TextView来说明这是输入“用户名”的，因为这会使用一个TextView，那么怎么办呢？EditText为我们提供了android:hint来设置当EditText内容为空时显示的文本，这个文本只在EditText为空时显示，你输入字符的时候就消失了，不影响你的EditText的文本。。修改main.xml如下： 
   
   Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

   1. <?xml version="1.0" encoding="utf-8"?>  
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   3.     android:orientation="vertical"  
   4.     android:layout_width="fill_parent"  
   5.     android:layout_height="fill_parent"  
   6.     >  
   7. <EditText  
   8.     android:id="@+id/edit_text"    
   9.     android:layout_width="fill_parent"   
   10.     android:layout_height="wrap_content"  
   11.     android:maxLength="40"  
   12.     android:hint="请输入用户名..."/>  
   13. </LinearLayout>  
    运行应用就会看到如下的效果： 
    
    看看吧，简洁明了还不用新增一个TextView说明，也不影响用户操作。
3. 上面列出了空白时的提示文字，有的人说了，我不想要这个灰色的提示文字，和我的应用整体风格不协调，那也行啊，我们可以换颜色，怎么换呢，就是通过android:textColorHint属性设置你想要的颜色。修改main.xml如下:
   Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

   1. <?xml version="1.0" encoding="utf-8"?>  
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   3.     android:orientation="vertical"  
   4.     android:layout_width="fill_parent"  
   5.     android:layout_height="fill_parent"  
   6.     >  
   7. <EditText  
   8.     android:id="@+id/edit_text"    
   9.     android:layout_width="fill_parent"   
   10.     android:layout_height="wrap_content"  
   11.     android:maxLength="40"  
   12.     android:hint="请输入用户名..."  
   13.     android:textColorHint="#238745"/>  
   14. </LinearLayout>  
    运行程序效果如下： 
    
    看到了吧，颜色已经变了。。
4. 还有一个比较实用的功能，就是设置EditText的不可编辑。设置android:enabled="false"可以实现不可编辑，可以获得焦点。这时候我们看到EditText和一个TextView差不多： 
    
    
5. 实现类似html中Textarea的文本域。在Android中没有专门的文本域组件，但是可以通过设置EditText的高来实现同样的文本域功能。修改main.xml如下: 
   
   Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

   1. <?xml version="1.0" encoding="utf-8"?>  
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   3.     android:orientation="vertical"  
   4.     android:layout_width="fill_parent"  
   5.     android:layout_height="fill_parent"  
   6.     >  
   7. <EditText  
   8.     android:id="@+id/edit_text"    
   9.     android:layout_width="fill_parent"   
   10.     android:layout_height="200dip"/>  
   11. </LinearLayout>  
    运行程序效果如下： 
    
    

四：输入特殊格式的字符

在我们开发程序的时候不免会输入一些特属个数的字符，比如密码（输入框的字符要加密显示），电话号码（比如数字和-）,数字等，这些都算是一些特属格式的字符，强大的EditText同样为我们提供了输入这些特属格式字符的设置。

1. 密码文本框。密码输入也是Android应用常用的功能，通过配置EditText的android:password="true"就可以实现这一密码输入功能，修改main.xml如下： 
   
   Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

   1. <?xml version="1.0" encoding="utf-8"?>  
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   3.     android:orientation="vertical"  
   4.     android:layout_width="fill_parent"  
   5.     android:layout_height="fill_parent"  
   6.     >  
   7. <EditText  
   8.     android:id="@+id/edit_text"    
   9.     android:layout_width="fill_parent"   
   10.     android:layout_height="wrap_content"  
   11.     android:password="true"/>  
   12. </LinearLayout>  
    运行效果如下： 
    
    可以看到我们输入的字符已经被“.”这样的掩码所代替。
2. 手机中发短信打电话是必不可少的，所以用于专门输入电话号码的文本框也是大有用途，有了他我们对是否是电话号码的校验就容易的多了(因为字符是正确的，只要校验格式 ).通过设置android:phoneNumber="true"就可以把EditText变成只接受电话号码输入的文本框，连软键盘都已经变成拨号专用软键盘了，所以不用再担心输入其他字符了。修改main.xml如下： 
   
   Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

   1. <?xml version="1.0" encoding="utf-8"?>  
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   3.     android:orientation="vertical"  
   4.     android:layout_width="fill_parent"  
   5.     android:layout_height="fill_parent"  
   6.     >  
   7. <EditText  
   8.     android:id="@+id/edit_text"    
   9.     android:layout_width="fill_parent"   
   10.     android:layout_height="wrap_content"  
   11.     android:phoneNumber="true"/>  
   12. </LinearLayout>  
    运行程序效果如下： 
    
    注意看软键盘，已经变成拨号专用的啦.
3. 有时候我们只想输入数字，不想输入字母，EditText为我们提供了android:numeric来控制输入的数字类型，一共有三种分别为integer（正整数）、signed（带符号整数）和decimal(浮点数)。这里以signed类型的为例，修改main.xml如下： 
   
   Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

   1. <?xml version="1.0" encoding="utf-8"?>  
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   3.     android:orientation="vertical"  
   4.     android:layout_width="fill_parent"  
   5.     android:layout_height="fill_parent"  
   6.     >  
   7. <EditText  
   8.     android:id="@+id/edit_text"    
   9.     android:layout_width="fill_parent"   
   10.     android:layout_height="wrap_content"  
   11.     android:numeric="signed"/>  
   12. </LinearLayout>  
    运行效果如下： 
    
    注意这里的软键盘变成“数字键盘”的变化.

五：为文本指定特定的软键盘类型

前面我们通过指定为电话号码特定格式，然后键盘类型变成了拨号专用的键盘，这个是自动变的，其实我们也可以通过android:inputType来设置文本的类型，让输入法选择合适的软键盘的。。android:inputType有很多类型，这里使用date类型来演示,修改main.xml如下： 

Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7. <EditText  
8.     android:id="@+id/edit_text"    
9.     android:layout_width="fill_parent"   
10.     android:layout_height="wrap_content"  
11.     android:inputType="date"/>  
12. </LinearLayout>  

  运行效果如下： 

六：Enter键图标的设置

软键盘的Enter键默认显示的是“完成”文本，我们知道按Enter建表示前置工作已经准备完毕了，要去什么什么啦。比如，在一个搜索中，我们输入要搜索的文本，然后按Enter表示要去搜索了，但是默认的Enter键显示的是“完成”文本，看着不太合适，不符合搜索的语义，如果能显示“搜索”两个字或者显示一个表示搜索的图标多好。事实证明我们的想法是合理的，Android也为我们提供的这样的功能。通过设置android:imeOptions来改变默认的“完成”文本。这里举几个常用的常量值：

1. actionUnspecified  未指定，对应常量EditorInfo.IME_ACTION_UNSPECIFIED.效果：
2. actionNone 没有动作,对应常量EditorInfo.IME_ACTION_NONE 效果：
3. actionGo 去往，对应常量EditorInfo.IME_ACTION_GO 效果：
4. actionSearch 搜索，对应常量EditorInfo.IME_ACTION_SEARCH 效果： 
5. actionSend 发送，对应常量EditorInfo.IME_ACTION_SEND 效果：
6. actionNext 下一个，对应常量EditorInfo.IME_ACTION_NEXT 效果：
7. actionDone 完成，对应常量EditorInfo.IME_ACTION_DONE 效果：

 下面已搜索为例，演示一个实例，修改main.xml如下：

Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7. <EditText  
8.     android:id="@+id/edit_text"    
9.     android:layout_width="fill_parent"   
10.     android:layout_height="wrap_content"  
11.     android:imeOptions="actionSearch"/>  
12. </LinearLayout>  

  修改HelloEditText如下：

Java代码 

1. package com.flysnow;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.view.KeyEvent;  
6. import android.widget.EditText;  
7. import android.widget.TextView;  
8. import android.widget.Toast;  
9. import android.widget.TextView.OnEditorActionListener;  
10.   
11. public class HelloEditText extends Activity {  
12.       
13.     @Override  
14.     public void onCreate(Bundle savedInstanceState) {  
15.         super.onCreate(savedInstanceState);  
16.         setContentView(R.layout.main);  
17.         EditText editText=(EditText)findViewById(R.id.edit_text);  
18.         editText.setOnEditorActionListener(new OnEditorActionListener() {  
19.             @Override  
20.             public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {  
21.                 Toast.makeText(HelloEditText.this, String.valueOf(actionId), Toast.LENGTH_SHORT).show();  
22.                 return false;  
23.             }  
24.         });  
25.     }  
26. }  

 运行程序，点击回车（也就是搜索图标软键盘按钮）会显示该actionId.我们上面的每一个设置都会对应一个常量，这里的actionId就是那个常量值。 

七：EditText的取值、全选、部分选择、获取选中文本

       下面通过一个例子来演示EditText的取值、全选、部分选择和获取选中文本.main.xml修改如下：

Xml代码 <EMBED height=15 type=application/x-shockwave-flash width=14 src=http://www.javaeye.com/javascripts/syntaxhighlighter/clipboard_new.swf encoding="utf-8" flashvars="clipboard= " quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7. <EditText  
8.     android:id="@+id/edit_text"    
9.     android:layout_width="fill_parent"   
10.     android:layout_height="wrap_content"  
11.     android:imeOptions="actionSearch"/>  
12. <Button   
13.     android:id="@+id/btn_get_value"  
14.     android:text="取值"  
15.     android:layout_width="wrap_content"  
16.     android:layout_height="wrap_content"/>  
17. <Button   
18.     android:id="@+id/btn_all"  
19.     android:text="全选"  
20.     android:layout_width="wrap_content"  
21.     android:layout_height="wrap_content"/>  
22. <Button   
23.     android:id="@+id/btn_select"  
24.     android:text="从第2个字符开始选择"  
25.     android:layout_width="wrap_content"  
26.     android:layout_height="wrap_content"/>  
27. <Button   
28.     android:id="@+id/btn_get_select"  
29.     android:text="获取选中文本"  
30.     android:layout_width="wrap_content"  
31.     android:layout_height="wrap_content"/>  
32. </LinearLayout>  

 

HelloEditText修改如下：

Java代码 

1. package com.flysnow;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.text.Editable;  
6. import android.text.Selection;  
7. import android.view.KeyEvent;  
8. import android.view.View;  
9. import android.view.View.OnClickListener;  
10. import android.widget.Button;  
11. import android.widget.EditText;  
12. import android.widget.TextView;  
13. import android.widget.Toast;  
14. import android.widget.TextView.OnEditorActionListener;  
15.   
16. public class HelloEditText extends Activity {  
17.       
18.     @Override  
19.     public void onCreate(Bundle savedInstanceState) {  
20.         super.onCreate(savedInstanceState);  
21.         setContentView(R.layout.main);  
22.         final EditText editText=(EditText)findViewById(R.id.edit_text);  
23.         //监听回车键  
24.         editText.setOnEditorActionListener(new OnEditorActionListener() {  
25.             @Override  
26.             public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {  
27.                 Toast.makeText(HelloEditText.this, String.valueOf(actionId), Toast.LENGTH_SHORT).show();  
28.                 return false;  
29.             }  
30.         });  
31.         //获取EditText文本  
32.         Button getValue=(Button)findViewById(R.id.btn_get_value);  
33.         getValue.setOnClickListener(new OnClickListener() {  
34.             @Override  
35.             public void onClick(View v) {  
36.                 Toast.makeText(HelloEditText.this, editText.getText().toString(), Toast.LENGTH_SHORT).show();  
37.             }  
38.         });  
39.         //让EditText全选  
40.         Button all=(Button)findViewById(R.id.btn_all);  
41.         all.setOnClickListener(new OnClickListener() {  
42.             @Override  
43.             public void onClick(View v) {  
44.                 editText.selectAll();  
45.             }  
46.         });  
47.         //从第2个字符开始选择EditText文本  
48.         Button select=(Button)findViewById(R.id.btn_select);  
49.         select.setOnClickListener(new OnClickListener() {  
50.             @Override  
51.             public void onClick(View v) {  
52.                 Editable editable=editText.getText();  
53.                 Selection.setSelection(editable, 1,editable.length());  
54.             }  
55.         });  
56.       //获取选中的文本  
57.         Button getSelect=(Button)findViewById(R.id.btn_get_select);  
58.         getSelect.setOnClickListener(new OnClickListener() {  
59.             @Override  
60.             public void onClick(View v) {  
61.                 int start=editText.getSelectionStart();  
62.                 int end=editText.getSelectionEnd();  
63.                 CharSequence selectText=editText.getText().subSequence(start, end);  
64.                 Toast.makeText(HelloEditText.this, selectText, Toast.LENGTH_SHORT).show();  
65.             }  
66.         });  
67.     }  
68.       
69.     protected void switchIndex(int start, int end) {  
70.         int temp=start;  
71.         start=end;  
72.         end=temp;  
73.     }  
74. }