閱讀264 返回首頁    go 阿裏雲 go 技術社區[雲棲]


Android係列教程之七:EditText使用詳解-包含很多教程上看不到的功能演示

原文:https://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   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android: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   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "wrap_content"   
    android:maxLength = "40"   
    android:hint = "請輸入用戶名..." />   
</ LinearLayout >   
  1. 運行應用就會看到如下的效果: 
     
     看看吧,簡潔明了還不用新增一個TextView說明,也不影響用戶操作。
  2. 上麵列出了空白時的提示文字,有的人說了,我不想要這個灰色的提示文字,和我的應用整體風格不協調,那也行啊,我們可以換顏色,怎麼換呢,就是通過android:textColorHint屬性設置你想要的顏色。修改main.xml如下:
<? xml   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "wrap_content"   
    android:maxLength = "40"   
    android:hint = "請輸入用戶名..."   
    android:textColorHint = "#238745" />   
</ LinearLayout >   
  1.  運行程序效果如下: 
     
     看到了吧,顏色已經變了。。
  2. 還有一個比較實用的功能,就是設置EditText的不可編輯。設置android:enabled="false"可以實現不可編輯,可以獲得焦點。這時候我們看到EditText和一個TextView差不多: 
      
  3. 實現類似html中Textarea的文本域。在Android中沒有專門的文本域組件,但是可以通過設置EditText的高來實現同樣的文本域功能。修改main.xml如下: 
<? xml   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "200dip" />   
</ LinearLayout >  
  1.  運行程序效果如下: 
      

四:輸入特殊格式的字符

在我們開發程序的時候不免會輸入一些特屬個數的字符,比如密碼(輸入框的字符要加密顯示),電話號碼(比如數字和-),數字等,這些都算是一些特屬格式的字符,強大的EditText同樣為我們提供了輸入這些特屬格式字符的設置。

  1. 密碼文本框。密碼輸入也是Android應用常用的功能,通過配置EditText的android:password="true"就可以實現這一密碼輸入功能,修改main.xml如下: 
<? xml   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "wrap_content"   
    android:password = "true" />   
</ LinearLayout > 
  1. 運行效果如下: 
     
     可以看到我們輸入的字符已經被“.”這樣的掩碼所代替。
  2. 手機中發短信打電話是必不可少的,所以用於專門輸入電話號碼的文本框也是大有用途,有了他我們對是否是電話號碼的校驗就容易的多了(因為字符是正確的,隻要校驗格式 ).通過設置android:phoneNumber="true"就可以把EditText變成隻接受電話號碼輸入的文本框,連軟鍵盤都已經變成撥號專用軟鍵盤了,所以不用再擔心輸入其他字符了。修改main.xml如下: 
<? xml   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "wrap_content"   
    android:phoneNumber = "true" />   
</ LinearLayout >   
  1.  運行程序效果如下: 
     
     注意看軟鍵盤,已經變成撥號專用的啦.
  2. 有時候我們隻想輸入數字,不想輸入字母,EditText為我們提供了 android:numeric來控製輸入的數字類型,一共有三種分別為integer(正整數)、signed(帶符號整數)和decimal(浮點 數)。這裏以signed類型的為例,修改main.xml如下:
<? xml   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "wrap_content"   
    android:numeric = "signed" />   
</ LinearLayout >   
  1. 運行效果如下: 
     
     注意這裏的軟鍵盤變成“數字鍵盤”的變化.

五:為文本指定特定的軟鍵盤類型

前麵我們通過指定為電話號碼特定格式,然後鍵盤類型變成了撥號專用的鍵盤,這個是自動變的,其實我們也可以通過android:inputType來設置文本的類型,讓輸入法選擇合適的軟鍵盤的。。android:inputType有很多類型,這裏使用date類型來演示,修改main.xml如下: 

<? xml   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "wrap_content"   
    android:inputType = "date" />   
</ 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   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "wrap_content"   
    android:imeOptions = "actionSearch" />   
</ LinearLayout >   

修改HelloEditText如下:

package  com.flysnow;  
  
import  android.app.Activity;  
import  android.os.Bundle;  
import  android.view.KeyEvent;  
import  android.widget.EditText;  
import  android.widget.TextView;  
import  android.widget.Toast;  
import  android.widget.TextView.OnEditorActionListener;  
  
public   class  HelloEditText  extends  Activity {  
    /** Called when the activity is first created. */   
    @Override   
    public   void  onCreate(Bundle savedInstanceState) {  
        super .onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
        EditText editText=(EditText)findViewById(R.id.edit_text);  
        editText.setOnEditorActionListener(new  OnEditorActionListener() {  
            @Override   
            public   boolean  onEditorAction(TextView v,  int  actionId, KeyEvent event) {  
                Toast.makeText(HelloEditText.this , String.valueOf(actionId), Toast.LENGTH_SHORT).show();  
                return   false ;  
            }  
        });  
    }  
}  

 運行程序,點擊回車(也就是搜索圖標軟鍵盤按鈕)會顯示該actionId.我們上麵的每一個設置都會對應一個常量,這裏的actionId就是那個常量值。 

七:EditText的取值、全選、部分選擇、獲取選中文本

       下麵通過一個例子來演示EditText的取值、全選、部分選擇和獲取選中文本.main.xml修改

<? xml   version = "1.0"   encoding = "utf-8" ?>   
< LinearLayout   xmlns:android = "https://schemas.android.com/apk/res/android"   
    android:orientation = "vertical"   
    android:layout_width = "fill_parent"   
    android:layout_height = "fill_parent"   
    >   
< EditText   
    android:id = "@+id/edit_text"     
    android:layout_width = "fill_parent"    
    android:layout_height = "wrap_content"   
    android:imeOptions = "actionSearch" />   
< Button    
    android:id = "@+id/btn_get_value"   
    android:text = "取值"   
    android:layout_width = "wrap_content"   
    android:layout_height = "wrap_content" />   
< Button    
    android:id = "@+id/btn_all"   
    android:text = "全選"   
    android:layout_width = "wrap_content"   
    android:layout_height = "wrap_content" />   
< Button    
    android:id = "@+id/btn_select"   
    android:text = "從第2個字符開始選擇"   
    android:layout_width = "wrap_content"   
    android:layout_height = "wrap_content" />   
< Button    
    android:id = "@+id/btn_get_select"   
    android:text = "獲取選中文本"   
    android:layout_width = "wrap_content"   
    android:layout_height = "wrap_content" />   
</ LinearLayout >   


HelloEditText修改如下:
package  com.flysnow;  
  
import  android.app.Activity;  
import  android.os.Bundle;  
import  android.text.Editable;  
import  android.text.Selection;  
import  android.view.KeyEvent;  
import  android.view.View;  
import  android.view.View.OnClickListener;  
import  android.widget.Button;  
import  android.widget.EditText;  
import  android.widget.TextView;  
import  android.widget.Toast;  
import  android.widget.TextView.OnEditorActionListener;  
/**  
 * EditText演示  
 * @author 飛雪無情  
 * @since 2010-11-29  
 */   
public   class  HelloEditText  extends  Activity {  
    /** Called when the activity is first created. */   
    @Override   
    public   void  onCreate(Bundle savedInstanceState) {  
        super .onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
        final  EditText editText=(EditText)findViewById(R.id.edit_text);  
        //監聽回車鍵   
        editText.setOnEditorActionListener(new  OnEditorActionListener() {  
            @Override   
            public   boolean  onEditorAction(TextView v,  int  actionId, KeyEvent event) {  
                Toast.makeText(HelloEditText.this , String.valueOf(actionId), Toast.LENGTH_SHORT).show();  
                return   false ;  
            }  
        });  
        //獲取EditText文本   
        Button getValue=(Button)findViewById(R.id.btn_get_value);  
        getValue.setOnClickListener(new  OnClickListener() {  
            @Override   
            public   void  onClick(View v) {  
                Toast.makeText(HelloEditText.this , editText.getText().toString(), Toast.LENGTH_SHORT).show();  
            }  
        });  
        //讓EditText全選   
        Button all=(Button)findViewById(R.id.btn_all);  
        all.setOnClickListener(new  OnClickListener() {  
            @Override   
            public   void  onClick(View v) {  
                editText.selectAll();  
            }  
        });  
        //從第2個字符開始選擇EditText文本   
        Button select=(Button)findViewById(R.id.btn_select);  
        select.setOnClickListener(new  OnClickListener() {  
            @Override   
            public   void  onClick(View v) {  
                Editable editable=editText.getText();  
                Selection.setSelection(editable, 1 ,editable.length());  
            }  
        });  
      //獲取選中的文本   
        Button getSelect=(Button)findViewById(R.id.btn_get_select);  
        getSelect.setOnClickListener(new  OnClickListener() {  
            @Override   
            public   void  onClick(View v) {  
                int  start=editText.getSelectionStart();  
                int  end=editText.getSelectionEnd();  
                CharSequence selectText=editText.getText().subSequence(start, end);  
                Toast.makeText(HelloEditText.this , selectText, Toast.LENGTH_SHORT).show();  
            }  
        });  
    }  
    /**  
     * 交換兩個索引  
     * @param start 開始索引  
     * @param end 結束索引  
     */   
    protected   void  switchIndex( int  start,  int  end) {  
        int  temp=start;  
        start=end;  
        end=temp;  
    }  
}  

 運行效果如下:


 
 可以通過輸入文字和點擊下麵的按鈕測試。

 

八:小結

     這結詳細介紹了EditText的大部分特性和常用功能,如常用的密碼框,獲取值等等。這幾天忙的沒更新,這次更新個長的。可以夠消化一陣子的。




最後更新:2017-04-02 06:52:05

  上一篇:go 馬士兵J2SE-第三章-麵向對象-static、繼承、重寫、構造函數
  下一篇:go adb操作命令詳解及大全