[转帖]Android系列教程之七:EditText使用详解-包含很多教程上看不到的功能演示_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
1
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 3624 | 回复: 0   主题: [转帖]Android系列教程之七:EditText使用详解-包含很多教程上看不到的功能演示        下一篇 
jie.liang
注册用户
等级:少校
经验:1003
发帖:77
精华:0
注册:2013-10-11
状态:离线
发送短消息息给jie.liang 加好友    发送短消息息给jie.liang 发消息
发表于: IP:您无权察看 2013-10-17 15:40:18 | [全部帖] [楼主帖] 楼主

本文版权归飞雪无情 所有,转载请注明出处, 永久链接: http://flysnow.iteye.com/blog/828415

一:新建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代码
北京联动北方科技有限公司北京联动北方科技有限公司北京联动北方科技有限公司

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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代码      
    1. <?xmlversion="1.0"encoding="utf-8"?>
    2. <LinearLayoutxmlns: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说明,也不影响用户操作。
上面列出了空白时的提示文字,有的人说了,我不想要这个灰色的提示文字,和我的应用整体风格不协调,那也行啊,我们可以换颜色,怎么换呢,就是通过android:textColorHint属性设置你想要的颜色。修改main.xml如下:

Xml代码
北京联动北方科技有限公司北京联动北方科技有限公司北京联动北方科技有限公司

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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>

运行程序效果如下:
北京联动北方科技有限公司
 看到了吧,颜色已经变了。。
还有一个比较实用的功能,就是设置EditText的不可编辑。设置android:enabled="false"可以实现不可编辑,可以获得焦点。这时候我们看到EditText和一个TextView差不多:
北京联动北方科技有限公司

实现类似html中Textarea的文本域。在Android中没有专门的文本域组件,但是可以通过设置EditText的高来实现同样的文本域功能。修改main.xml如下:

Xml代码
北京联动北方科技有限公司北京联动北方科技有限公司北京联动北方科技有限公司

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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. <?xmlversion="1.0"encoding="utf-8"?>
    2. <LinearLayoutxmlns: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>


 运行效果如下:
北京联动北方科技有限公司
 可以看到我们输入的字符已经被“.”这样的掩码所代替。
手机中发短信打电话是必不可少的,所以用于专门输入电话号码的文本框也是大有用途,有了他我们对是否是电话号码的校验就容易的多了(因为字符是正确的,只要校验格式 ).通过设置android:phoneNumber="true"就可以把EditText变成只接受电话号码输入的文本框,连软键盘都已经变成拨号专用软键盘了,所以不用再担心输入其他字符了。修改main.xml如下:

Xml代码
北京联动北方科技有限公司北京联动北方科技有限公司北京联动北方科技有限公司

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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>


运行程序效果如下:
北京联动北方科技有限公司
 注意看软键盘,已经变成拨号专用的啦.
有时候我们只想输入数字,不想输入字母,EditText为我们提供了android:numeric来控制输入的数字类型,一共有三种分别为integer(正整数)、signed(带符号整数)和decimal(浮点数)。这里以signed类型的为例,修改main.xml如下:

Xml代码
北京联动北方科技有限公司北京联动北方科技有限公司北京联动北方科技有限公司

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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. import android.app.Activity; 
  3. import android.os.Bundle; 
  4. import android.view.KeyEvent; 
  5. import android.widget.EditText; 
  6. import android.widget.TextView; 
  7. import android.widget.Toast; 
  8. import android.widget.TextView.OnEditorActionListener; 
  9. public class HelloEditText extends Activity { 
  10.        /** Called when the activity is first created. */ 
  11.       @Override
  12.        public void onCreate(Bundle savedInstanceState) { 
  13.              super.onCreate(savedInstanceState); 
  14.              setContentView(R.layout.main); 
  15.              EditText editText=(EditText)findViewById(R.id.edit_text); 
  16.              editText.setOnEditorActionListener(new OnEditorActionListener() { 
  17.                   @Override
  18.                    public boolean onEditorAction(TextView v, int actionId, KeyEvent event) { 
  19.                          Toast.makeText(HelloEditText.this, String.valueOf(actionId), Toast.LENGTH_SHORT).show(); 
  20.                          return false; 
  21.                    } 
  22.              }); 
  23.        } 


运行程序,点击回车(也就是搜索图标软键盘按钮)会显示该actionId.我们上面的每一个设置都会对应一个常量,这里的actionId就是那个常量值。
北京联动北方科技有限公司

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

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

Xml代码
北京联动北方科技有限公司北京联动北方科技有限公司北京联动北方科技有限公司

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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. import android.app.Activity; 
  3. import android.os.Bundle; 
  4. import android.text.Editable; 
  5. import android.text.Selection; 
  6. import android.view.KeyEvent; 
  7. import android.view.View; 
  8. import android.view.View.OnClickListener; 
  9. import android.widget.Button; 
  10. import android.widget.EditText; 
  11. import android.widget.TextView; 
  12. import android.widget.Toast; 
  13. import android.widget.TextView.OnEditorActionListener; 
  14. /** 
  15.  * EditText演示 
  16.  * @author 飞雪无情 
  17.  * @since 2010-11-29 
  18.  */ 
  19. public class HelloEditText extends Activity { 
  20.        /** Called when the activity is first created. */ 
  21.       @Override
  22.        public void onCreate(Bundle savedInstanceState) { 
  23.              super.onCreate(savedInstanceState); 
  24.              setContentView(R.layout.main); 
  25.              final EditText editText=(EditText)findViewById(R.id.edit_text); 
  26.              //监听回车键 
  27.              editText.setOnEditorActionListener(new OnEditorActionListener() { 
  28.                   @Override
  29.                    public boolean onEditorAction(TextView v, int actionId, KeyEvent event) { 
  30.                          Toast.makeText(HelloEditText.this, String.valueOf(actionId), Toast.LENGTH_SHORT).show(); 
  31.                          return false; 
  32.                    } 
  33.              }); 
  34.              //获取EditText文本 
  35.              Button getValue=(Button)findViewById(R.id.btn_get_value); 
  36.              getValue.setOnClickListener(new OnClickListener() { 
  37.                   @Override
  38.                    public void onClick(View v) { 
  39.                          Toast.makeText(HelloEditText.this, editText.getText().toString(), Toast.LENGTH_SHORT).show(); 
  40.                    } 
  41.              }); 
  42.              //让EditText全选 
  43.              Button all=(Button)findViewById(R.id.btn_all); 
  44.              all.setOnClickListener(new OnClickListener() { 
  45.                   @Override
  46.                    public void onClick(View v) { 
  47.                          editText.selectAll(); 
  48.                    } 
  49.              }); 
  50.              //从第2个字符开始选择EditText文本 
  51.              Button select=(Button)findViewById(R.id.btn_select); 
  52.              select.setOnClickListener(new OnClickListener() { 
  53.                   @Override
  54.                    public void onClick(View v) { 
  55.                          Editable editable=editText.getText(); 
  56.                          Selection.setSelection(editable, 1,editable.length()); 
  57.                    } 
  58.              }); 
  59.              //获取选中的文本 
  60.              Button getSelect=(Button)findViewById(R.id.btn_get_select); 
  61.              getSelect.setOnClickListener(new OnClickListener() { 
  62.                   @Override
  63.                    public void onClick(View v) { 
  64.                          int start=editText.getSelectionStart(); 
  65.                          int end=editText.getSelectionEnd(); 
  66.                          CharSequence selectText=editText.getText().subSequence(start, end); 
  67.                          Toast.makeText(HelloEditText.this, selectText, Toast.LENGTH_SHORT).show(); 
  68.                    } 
  69.              }); 
  70.        } 
  71.        /** 
  72.        * 交换两个索引 
  73.        * @param start 开始索引 
  74.        * @param end 结束索引 
  75.        */ 
  76.        protected void switchIndex(int start, int end) { 
  77.              int temp=start; 
  78.              start=end; 
  79.              end=temp; 
  80.        } 


 运行效果如下:

北京联动北方科技有限公司
 可以通过输入文字和点击下面的按钮测试。

八:小结

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






赞(0)    操作        顶端 
总帖数
1
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论