Android編輯框EditText與焦點變更監(jiān)視器及文本變化監(jiān)視器實現(xiàn)流程詳解

更新時間：2022年09月27日 14:20:11 作者：Shewyoo

這篇文章主要介紹了Android編輯框EditText與焦點變更監(jiān)視器及文本變化監(jiān)視器實現(xiàn)流程，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧

一、編輯框EditText

編輯框用于接收鍵盤輸入的文字，由文本視圖派生而來，除了TextView已有的各種屬性和方法，EditText還支持下列XML屬性：

inputType：指定輸入的文本類型，輸入類型的取值說明如下表，若同時使用多種文本類型，則可使用豎線“|”把多種文本類型拼接起來。
maxLength：指定文本允許輸入的最大長度。
hint：指定提示文本的內(nèi)容。
textColorHint：指定提示文本的顏色。

輸入類型	說明
text	文本
textPassword	文本密碼，顯示時用圓點代替
number	整型數(shù)
numberSigned	帶符號的數(shù)字，允許在開頭帶符號”-“
numberPassword	數(shù)字密碼，顯示時用圓點代替
datetime	時間日期格式，除了數(shù)字外，還允許輸入橫線、斜杠、空格、冒號
date	日期格式，除了數(shù)字外，還允許輸入橫線”-“和斜杠”/“
time	時間格式，除了數(shù)字外，還允許輸入冒號”：“
numberDecimal	帶小數(shù)點的數(shù)字

例1：輸入用戶名和密碼

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="text"
        android:maxLength="10"
        android:hint="請輸入用戶名"
        android:textColor="@color/black"
        android:textSize="17sp"/>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="numberPassword"
        android:maxLength="10"
        android:hint="請輸入密碼"
        android:textColor="@color/black"
        android:textSize="17sp"/>

例2：自定義輸入框樣式：無邊框和圓角邊框

drawable下新建兩個xml文件用于配置樣式

第一個：選中時的樣式

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!--指定形狀內(nèi)的填充顏色-->
    <solid android:color="#ffffff"/>
<!--    指定形狀輪廓的粗細與顏色-->
    <stroke
        android:width="1dp"
        android:color="#0000ff"/>
<!--    指定形狀四個圓角的半徑-->
    <corners android:radius="5dp"/>
<!--    指定形狀四個方向的間距-->
    <padding
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp"/>
</shape>

第二個：正常樣式

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--指定形狀內(nèi)的填充顏色-->
    <solid android:color="#ffffff"/>
    <!--    指定形狀輪廓的粗細與顏色-->
    <stroke
        android:width="1dp"
        android:color="#aaaaaa"/>
    <!--    指定形狀四個圓角的半徑-->
    <corners android:radius="5dp"/>
    <!--    指定形狀四個方向的間距-->
    <padding
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp"/>
</shape>

再在drawable文件下新建一個xml文件用于配置選中時和未選中時的樣式。

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/edit_focus"
        android:state_focused="true"/>
    <item android:drawable="@drawable/edit_normal"/>
</selector>

Activity的XML文件

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@null"
        android:layout_marginTop="10dp"
        android:hint="無邊框"
        android:inputType="text"/>
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/edit_text"
        android:layout_marginTop="10dp"
        android:hint="圓角邊框"
        android:inputType="text"/>

二、焦點變更監(jiān)視器

調(diào)用編輯框?qū)ο蟮膕etOnFocusChangeListener方法，即可在光標(biāo)切換時觸發(fā)焦點變更事件。

使用場景如：手機號碼未輸滿11位，就點擊密碼框，此時校驗不通過，一邊彈出提示文字，一邊把焦點拉回手機框。

例:當(dāng)手機號碼不足11位時點擊密碼框會出現(xiàn)提示。

注意：不可采取這樣的方式：為密碼框綁定點擊事件，當(dāng)點擊密碼框時檢測是否通過。

原因：編輯框點擊兩次后才會觸發(fā)點擊事件，第一次點擊只觸發(fā)焦點變更事件，第二次點擊才觸發(fā)點擊事件。

XML文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <EditText
        android:id="@+id/et_phone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/edit_text"
        android:layout_marginTop="10dp"
        android:hint="請輸入11位手機號碼"
        android:inputType="number"
        android:maxLength="11"/>
    <EditText
        android:id="@+id/et_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/edit_text"
        android:layout_marginTop="10dp"
        android:hint="請輸入密碼"
        android:inputType="numberPassword"
        android:maxLength="11"/>
    <Button
        android:id="@+id/btn_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登錄"/>
</LinearLayout>

java類

public class EditFocusActivity extends AppCompatActivity implements View.OnFocusChangeListener {
    private EditText et_phone;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edit_focus);
        et_phone = findViewById(R.id.et_phone);
        EditText et_password = findViewById(R.id.et_password);
        et_password.setOnFocusChangeListener(this);
    }
    @Override
    public void onFocusChange(View view, boolean hasFocus) {
        if(hasFocus){
            String phone = et_phone.getText().toString();
            //如果手機號碼不足11位或為空
            if(TextUtils.isEmpty(phone)||phone.length()<11){
                //手機號碼編輯框請求焦點，把光標(biāo)移回手機號碼編輯框
                et_phone.requestFocus();
                Toast.makeText(this,"請輸入11位的！",Toast.LENGTH_SHORT).show();
            }
        }
    }
}

三、文本變化監(jiān)聽器

調(diào)用編輯框?qū)ο蟮腶ddTextChangedListener方法即可注冊文本監(jiān)聽器。

文本監(jiān)聽器的接口名稱為TextWatcher，該接口提供了3個監(jiān)控方法，具體說明：

beforeTextChanged：在文本改變之前觸發(fā)。
onTextChanged：在文本改變過程種觸發(fā)。
afterTextChanged：在文本改變后觸發(fā)。

         mEtPassword.addTextChangedListener(new MyWatcher());
class MyWatcher implements TextWatcher {
         public void beforeTextChanged(CharSequence s, int start, int count,int after) {
         }
         public void onTextChanged(CharSequence s, int start, int before,int count) {
         }
         public void afterTextChanged(Editable edit) {
         }
     }

到此這篇關(guān)于Android編輯框EditText中的焦點變更與文本變化監(jiān)視功能實現(xiàn)流程詳解的文章就介紹到這了,更多相關(guān)Android編輯框EditText內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: