当前位置： 代码迷 >> Android >> Android系列课程之七：EditText使用详解-包含很多教程上看不到的功能演示
  详细解决方案

Android系列课程之七：EditText使用详解-包含很多教程上看不到的功能演示

热度：79   发布时间：2016-05-01 19:31:47.0
Android系列教程之七：EditText使用详解-包含很多教程上看不到的功能演示

从http://daimajishu.iteye.com/blog/1080876转过来的，省的自己忘记。

一：新建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代码
<? xml version = "1.0" encoding = "utf-8" ?>< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"android:orientation = "vertical"android:layout_width = "fill_parent"android:layout_height = "fill_parent">< EditTextandroid:id = "@+id/edit_text"android:layout_width = "fill_parent"android:layout_height = "wrap_content"android:text = "这是一个EditText" /></ 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代码
    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代码
    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代码
    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代码
    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代码
    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代码
    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代码
  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代码
  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;
  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;
  11. public?class?HelloEditText?extends?Activity{
  12. /**Calledwhentheactivityisfirstcreated.*/
  13. @Override
  14. public?void?onCreate(BundlesavedInstanceState){
  15. super?.onCreate(savedInstanceState);
  16. setContentView(R.layout.main);
  17. EditTexteditText=(EditText)findViewById(R.id.edit_text);
  18. editText.setOnEditorActionListener(new?OnEditorActionListener(){
  19. @Override
  20. public?boolean?onEditorAction(TextViewv,?int?actionId,KeyEventevent){
  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代码
  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;
  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. *EditText演示
  17. [email protected]
  18. [email protected]
  19. */
  20. public?class?HelloEditText?extends?Activity{
  21. /**Calledwhentheactivityisfirstcreated.*/
  22. @Override
  23. public?void?onCreate(BundlesavedInstanceState){
  24. super?.onCreate(savedInstanceState);
  25. setContentView(R.layout.main);
  26. final?EditTexteditText=(EditText)findViewById(R.id.edit_text);
  27. //监听回车键
  28. editText.setOnEditorActionListener(new?OnEditorActionListener(){
  29. @Override
  30. public?boolean?onEditorAction(TextViewv,?int?actionId,KeyEventevent){
  31. Toast.makeText(HelloEditText.this?,String.valueOf(actionId),Toast.LENGTH_SHORT).show();
  32. return?false?;
  33. }
  34. });
  35. //获取EditText文本
  36. ButtongetValue=(Button)findViewById(R.id.btn_get_value);
  37. getValue.setOnClickListener(new?OnClickListener(){
  38. @Override
  39. public?void?onClick(Viewv){
  40. Toast.makeText(HelloEditText.this?,editText.getText().toString(),Toast.LENGTH_SHORT).show();
  41. }
  42. });
  43. //让EditText全选
  44. Buttonall=(Button)findViewById(R.id.btn_all);
  45. all.setOnClickListener(new?OnClickListener(){
  46. @Override
  47. public?void?onClick(Viewv){
  48. editText.selectAll();
  49. }
  50. });
  51. //从第2个字符开始选择EditText文本
  52. Buttonselect=(Button)findViewById(R.id.btn_select);
  53. select.setOnClickListener(new?OnClickListener(){
  54. @Override
  55. public?void?onClick(Viewv){
  56. Editableeditable=editText.getText();
  57. Selection.setSelection(editable,1?,editable.length());
  58. }
  59. });
  60. //获取选中的文本
  61. ButtongetSelect=(Button)findViewById(R.id.btn_get_select);
  62. getSelect.setOnClickListener(new?OnClickListener(){
  63. @Override
  64. public?void?onClick(Viewv){
  65. int?start=editText.getSelectionStart();
  66. int?end=editText.getSelectionEnd();
  67. CharSequenceselectText=editText.getText().subSequence(start,end);
  68. Toast.makeText(HelloEditText.this?,selectText,Toast.LENGTH_SHORT).show();
  69. }
  70. });
  71. }
  72. /**
  73. *交换两个索引
  74. [email protected]
  75. [email protected]
  76. */
  77. protected?void?switchIndex(?int?start,?int?end){
  78. int?temp=start;
  79. start=end;
  80. end=temp;
  81. }
  82. }

运行效果如下：



可以通过输入文字和点击下面的按钮测试。

?

八：小结

这结详细介绍了EditText的大部分特性和常用功能，如常用的密码框，获取值等等。这几天忙的没更新，这次更新个长的。可以够消化一阵子的。

?

  相关解决方案

代码迷 - 您身边的软件异常，代码异常，编程异常助手（发现，解决，分享）
Copyright © 2009-2013 DAIMAMI.COM. All rights reserved.