Android EditText(輸入框)詳解

本節(jié)引言：

上一節(jié)中我們學(xué)習(xí)了第一個(gè) UI控件TextView（文本框），文中給出了很多實(shí)際開發(fā)中可能遇到的一些需求 的解決方法，應(yīng)該會(huì)為你的開發(fā)帶來便利，在本節(jié)中，我們來學(xué)習(xí)第二個(gè)很常用的控件EditText(輸入框)； 和TextView非常類似，最大的區(qū)別是：EditText可以接受用戶輸入！和前面一樣，我們不一個(gè)個(gè)講屬性， 只講實(shí)際應(yīng)用，要扣屬性可以自己查看API文檔：API文檔；那么開始本節(jié)內(nèi)容！

1.設(shè)置默認(rèn)提示文本

如下圖，相信你對(duì)于這種用戶登錄的界面并不陌生，是吧，我們很多時(shí)候都用的這種界面

相比另外這種，下面這種又如何？

還不賴是吧，當(dāng)然，不會(huì)在這里貼布局，這里只介紹默認(rèn)提示文本的兩個(gè)控制屬性：

默認(rèn)提示文本的兩個(gè)屬性如下：

android:hint="默認(rèn)提示文本"
android:textColorHint="#95A1AA"

前者設(shè)置提示的文本內(nèi)容，后者設(shè)置提示文本的顏色！

2.獲得焦點(diǎn)后全選組件內(nèi)所有文本內(nèi)容

當(dāng)我們點(diǎn)擊想當(dāng)我們的輸入框獲得焦點(diǎn)后，不是將光標(biāo)移動(dòng)到文本的開始或者結(jié)尾；而是 獲取到輸入框中所有的文本內(nèi)容的話！這個(gè)時(shí)候我們可以使用selectAllOnFocus屬性

android:selectAllOnFocus="true"

比如下面的效果圖: 第一個(gè)是設(shè)置了該屬性的，第二個(gè)是沒設(shè)置該屬性的，設(shè)置為true的EditText獲得焦點(diǎn)后 選中的是所有文本！

3.限制EditText輸入類型

有時(shí)我們可能需要對(duì)輸入的數(shù)據(jù)進(jìn)行限制，比如輸入電話號(hào)碼的時(shí)候，你輸入了一串字母，這 顯然是不符合我們預(yù)期的，而限制輸入類型可以通過inputType屬性來實(shí)現(xiàn)！

比如限制只能為電話號(hào)碼,密碼(textPassword)：

<EditText   
        android:layout_width="fill_parent"   
        android:layout_height="wrap_content"   
        android:inputType="phone" />  

可選參數(shù)如下：

文本類型，多為大寫、小寫和數(shù)字符號(hào)

android:inputType="none"  
android:inputType="text"  
android:inputType="textCapCharacters"  
android:inputType="textCapWords"  
android:inputType="textCapSentences"  
android:inputType="textAutoCorrect"  
android:inputType="textAutoComplete"  
android:inputType="textMultiLine"  
android:inputType="textImeMultiLine"  
android:inputType="textNoSuggestions"  
android:inputType="textUri"  
android:inputType="textEmailAddress"  
android:inputType="textEmailSubject"  
android:inputType="textShortMessage"  
android:inputType="textLongMessage"  
android:inputType="textPersonName"  
android:inputType="textPostalAddress"  
android:inputType="textPassword"  
android:inputType="textVisiblePassword"  
android:inputType="textWebEditText"  
android:inputType="textFilter"  
android:inputType="textPhonetic" 

數(shù)值類型

android:inputType="number"  
android:inputType="numberSigned"  
android:inputType="numberDecimal"  
android:inputType="phone"http://撥號(hào)鍵盤  
android:inputType="datetime"  
android:inputType="date"http://日期鍵盤  
android:inputType="time"http://時(shí)間鍵盤

4.設(shè)置最小行，最多行，單行，多行，自動(dòng)換行

EditText默認(rèn)是多行顯示的，并且能夠自動(dòng)換行，即當(dāng)一行顯示不完的時(shí)候，他會(huì)自動(dòng)換到第二行

我們可以對(duì)其進(jìn)行限制，比如
設(shè)置最小行的行數(shù)：android:minLines="3"
或者設(shè)置EditText最大的行數(shù)：android:maxLines="3"
PS:當(dāng)輸入內(nèi)容超過maxline,文字會(huì)自動(dòng)向上滾動(dòng)！！

另外很多時(shí)候我們可能要限制EditText只允許單行輸入，而且不會(huì)滾動(dòng)，比如上面的登陸界面的 例子，我們只需要設(shè)置

android:singleLine="true"</p>
<p>
即可實(shí)現(xiàn)單行輸入不換行</p>

<hr />

<h2>5.設(shè)置文字間隔，設(shè)置英文字母大寫類型</h2>

<p>我們可以通過下述兩個(gè)屬性來設(shè)置字的間距：
</p>
<pre>
android:textScaleX="1.5"    //設(shè)置字與字的水平間隔
android:textScaleY="1.5"    //設(shè)置字與字的垂直間隔

另外EditText還為我們提供了設(shè)置英文字母大寫類型的屬性：android:capitalize 默認(rèn)none，提供了三個(gè)可選值：

• sentences：僅第一個(gè)字母大寫
• words：每一個(gè)單詞首字母大小，用空格區(qū)分單詞
• characters:每一個(gè)英文字母都大寫

6.控制EditText四周的間隔距離與內(nèi)部文字與邊框間的距離

我們使用margin相關(guān)屬性增加組件相對(duì)其他控件的距離，比如android:marginTop = "5dp" 使用padding增加組件內(nèi)文字和組件邊框的距離，比如android:paddingTop = "5dp"

7.設(shè)置EditText獲得焦點(diǎn)，同時(shí)彈出小鍵盤

關(guān)于這個(gè)EditText獲得焦點(diǎn)，彈出小鍵盤的問題，前不久的項(xiàng)目中糾結(jié)了筆者一段時(shí)間 需求是：進(jìn)入Activity后，讓EditText獲得焦點(diǎn)，同時(shí)彈出小鍵盤供用戶輸入！ 試了很多網(wǎng)上的方法都不可以，不知道是不是因?yàn)楣P者用的5.1的系統(tǒng)的問題！ 下面小結(jié)下：

首先是讓EditText獲得焦點(diǎn)與清除焦點(diǎn)的

edit.requestFocus(); //請(qǐng)求獲取焦點(diǎn)
edit.clearFocus(); //清除焦點(diǎn)

獲得焦點(diǎn)后，彈出小鍵盤，筆者大部分時(shí)間就花在這個(gè)上：

• 低版本的系統(tǒng)直接requestFocus就會(huì)自動(dòng)彈出小鍵盤了
• 稍微高一點(diǎn)的版本則需要我們手動(dòng)地去彈鍵盤： 第一種：

InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);

第二種：

InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);     imm.showSoftInput(view,InputMethodManager.SHOW_FORCED);  
imm.hideSoftInputFromWindow(view.getWindowToken(), 0); //強(qiáng)制隱藏鍵盤  

不知道是什么原因，上面這兩種方法并沒有彈出小鍵盤，筆者最后使用了:windowSoftInputMode屬性解決了彈出小鍵盤的問題，這里跟大家分享下：

android:windowSoftInputMode Activity主窗口與軟鍵盤的交互模式，可以用來避免輸入法面板遮擋問題，Android1.5后的一個(gè)新特性。
這個(gè)屬性能影響兩件事情：
【一】當(dāng)有焦點(diǎn)產(chǎn)生時(shí)，軟鍵盤是隱藏還是顯示
【二】是否減少活動(dòng)主窗口大小以便騰出空間放軟鍵盤

簡單點(diǎn)就是有焦點(diǎn)時(shí)的鍵盤控制以及是否減少Act的窗口大小，用來放小鍵盤
有下述值可供選擇，可設(shè)置多個(gè)值，用"|"分開
stateUnspecified：軟鍵盤的狀態(tài)并沒有指定，系統(tǒng)將選擇一個(gè)合適的狀態(tài)或依賴于主題的設(shè)置
stateUnchanged：當(dāng)這個(gè)activity出現(xiàn)時(shí)，軟鍵盤將一直保持在上一個(gè)activity里的狀態(tài)，無論是隱藏還是顯示
stateHidden：用戶選擇activity時(shí)，軟鍵盤總是被隱藏
stateAlwaysHidden：當(dāng)該Activity主窗口獲取焦點(diǎn)時(shí)，軟鍵盤也總是被隱藏的
stateVisible：軟鍵盤通常是可見的
stateAlwaysVisible：用戶選擇activity時(shí)，軟鍵盤總是顯示的狀態(tài)
adjustUnspecified：默認(rèn)設(shè)置，通常由系統(tǒng)自行決定是隱藏還是顯示
adjustResize：該Activity總是調(diào)整屏幕的大小以便留出軟鍵盤的空間
adjustPan：當(dāng)前窗口的內(nèi)容將自動(dòng)移動(dòng)以便當(dāng)前焦點(diǎn)從不被鍵盤覆蓋和用戶能總是看到輸入內(nèi)容的部分

我們可以在AndroidManifest.xml為需要彈出小鍵盤的Activity設(shè)置這個(gè)屬性，比如：

然后在EditText對(duì)象requestFocus()就可以了~

8.EditText光標(biāo)位置的控制

有時(shí)可能需要我們控制EditText中的光標(biāo)移動(dòng)到指定位置或者選中某些文本！
EditText為我們提供了setSelection()的方法，方法有兩種形式:

一個(gè)參數(shù)的是設(shè)置光標(biāo)位置的，兩個(gè)參數(shù)的是設(shè)置起始位置與結(jié)束位置的中間括的部分，即部分選中！
當(dāng)然我們也可以調(diào)用setSelectAllOnFocus(true);讓EditText獲得焦點(diǎn)時(shí)選中全部文本！
另外我們還可以調(diào)用setCursorVisible(false);設(shè)置光標(biāo)不顯示
還可以調(diào)用getSelectionStart()和getSelectionEnd獲得當(dāng)前光標(biāo)的前后位置

9.帶表情的EditText的簡單實(shí)現(xiàn)

相信大家對(duì)于QQ或者微信很熟悉吧，我們發(fā)送文本的時(shí)候可以連同表情一起發(fā)送，有兩種簡單的實(shí)現(xiàn)方式：

1.使用SpannableString來實(shí)現(xiàn)
2.使用Html類來實(shí)現(xiàn)
這里筆者用的是第一種，這里只實(shí)現(xiàn)一個(gè)簡單的效果，大家可以把方法抽取出來，自定義一個(gè)EditText；
也可以自己動(dòng)手寫個(gè)類似于QQ那樣有多個(gè)表情選擇的輸入框！

看下效果圖(點(diǎn)擊添加表情即可完成表情添加)：

代碼也很簡單：

public class MainActivity extends Activity {
    private Button btn_add;
    private EditText edit_one;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn_add = (Button) findViewById(R.id.btn_add);
        edit_one = (EditText) findViewById(R.id.edit_one);
        btn_add.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                SpannableString spanStr = new SpannableString("imge");
                Drawable drawable = MainActivity.this.getResources().getDrawable(R.drawable.f045);
                drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());
                ImageSpan span = new ImageSpan(drawable,ImageSpan.ALIGN_BASELINE);
                spanStr.setSpan(span,0,4,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                int cursor = edit_one.getSelectionStart();
                edit_one.getText().insert(cursor, spanStr);
            }
        });
    }
}

PS：對(duì)了，別忘了放一個(gè)圖片哦~

10.帶刪除按鈕的EditText

我們常常在App的輸入界面上看到：

當(dāng)我們輸入內(nèi)容后，右面會(huì)出現(xiàn)這樣一個(gè)小叉叉的圖標(biāo)，我們點(diǎn)擊后會(huì)清空輸入框中的內(nèi)容！
實(shí)現(xiàn)起來其實(shí)也很簡單：
為EditText設(shè)置addTextChangedListener，然后重寫TextWatcher（）里的抽象方法，這個(gè)用于監(jiān)聽輸入框變化的；然后setCompoundDrawablesWithIntrinsicBounds設(shè)置小叉叉的圖片；最后，重寫onTouchEvent方法，如果點(diǎn)擊區(qū)域是小叉叉圖片的位置，清空文本！

實(shí)現(xiàn)代碼如下：

public class EditTextWithDel extends EditText {

    private final static String TAG = "EditTextWithDel";
    private Drawable imgInable;
    private Drawable imgAble;
    private Context mContext;

    public EditTextWithDel(Context context) {
        super(context);
        mContext = context;
        init();
    }

    public EditTextWithDel(Context context, AttributeSet attrs) {
        super(context, attrs);
        mContext = context;
        init();
    }

    public EditTextWithDel(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mContext = context;
        init();
    }

    private void init() {
        imgInable = mContext.getResources().getDrawable(R.drawable.delete_gray);
        addTextChangedListener(new TextWatcher() {
            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            }

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

    // 設(shè)置刪除圖片
    private void setDrawable() {
        if (length() < 1)
            setCompoundDrawablesWithIntrinsicBounds(null, null, null, null);
        else
            setCompoundDrawablesWithIntrinsicBounds(null, null, imgInable, null);
    }

    // 處理刪除事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (imgAble != null && event.getAction() == MotionEvent.ACTION_UP) {
            int eventX = (int) event.getRawX();
            int eventY = (int) event.getRawY();
            Log.e(TAG, "eventX = " + eventX + "; eventY = " + eventY);
            Rect rect = new Rect();
            getGlobalVisibleRect(rect);
            rect.left = rect.right - 100;
            if (rect.contains(eventX, eventY))
                setText("");
        }
        return super.onTouchEvent(event);
    }
    @Override
    protected void finalize() throws Throwable {
        super.finalize();
    }
}

本節(jié)小結(jié)：

本節(jié)給大家介紹了Android UI控件中的EditText(輸入框)控件，用法有很多，當(dāng)然上述情況肯定滿足不了實(shí)際需求的，實(shí)際開發(fā)中我們可能需要根據(jù)自己的需求來自定義EditText！當(dāng)然，這就涉及到了自定義控件這個(gè)高級(jí)一點(diǎn)的主題了，在進(jìn)階部分我們會(huì)對(duì)Android中的自定義控件進(jìn)行詳細(xì)的講解！現(xiàn)在會(huì)用就可以了~