EditText 基本用法

title: EditText 基本用法
tags: EditText,編輯框,輸入框
---

EditText介紹:

EditText 在開發中也是經常用到的控制項，也是一個比較必要的組件，可以說它是用戶跟Android應用進行數據傳輸的窗戶，比如實現一個登陸界面，需要用戶輸入賬號密碼，然後我們獲取用戶輸入的內容，提交給伺服器進行判斷。

EditText實例:開發中常用的登錄界面

首先我們來看佈局文件:activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:background="@null"
        android:inputType="number"
        android:maxLength="11"
        android:hint="請輸入手機號"
        android:drawablePadding="10dp"
        android:padding="10dp"
        android:drawableLeft="@mipmap/icon_phone"
        android:drawableBottom="@drawable/shape_et_bottom_line"
        android:layout_marginTop="20dp"/>

    <EditText
        android:id="@+id/et_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        android:background="@null"
        android:inputType="textPassword"
        android:maxLength="16"
        android:padding="10dp"
        android:drawablePadding="10dp"
        android:hint="請輸入密碼"
        android:drawableBottom="@drawable/shape_et_bottom_line"
        android:drawableLeft="@mipmap/icon_password"/>

    <TextView
        android:id="@+id/tv_login"
        style="@style/Widget.AppCompat.Button.Colored"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="30dp"
        android:text="登 錄"
        android:textColor="#ffffffff"
        android:textSize="18sp" />
</LinearLayout>

運行效果圖如下:

這兩個輸入框的用的的大部分屬性都在上面的表格中了，我這裡解決下沒有說過的屬性。
android:background="@null" 輸入框無背景
android:drawableBottom="@drawable/shape_et_bottom_line" 底部引入一個shape佈局文件，這個佈局文件就是輸入框的下劃線。
shape_et_bottom_line.xml內容如下:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid android:color="#1E7EE3" />
    <size android:height="1dp" android:width="500dp"/>

</shape>

EditeText還有哪些功能？

1.監聽用戶輸入的內容.
有這樣一個場景，一個搜索框，只要用戶輸入了內容就去請求伺服器，於是我們在Activity裡面監聽EditeText文本改變事件。

EditText etOne= (EditText) findViewById(R.id.et_phone);
etOne.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
                Log.i("Ansen","內容改變之前調用:"+s);
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                Log.i("Ansen","內容改變，可以去告訴伺服器:"+s);
            }

            @Override
            public void afterTextChanged(Editable s) {
                Log.i("Ansen","內容改變之後調用:"+s);
            }
 });

首先我們通過id找到EditText控制項，並且添加監聽函數，內部內實現TextWatcher介面，重寫三個方法。我們可以在onTextChanged方法中告訴伺服器我要搜索的內容。

源碼下載

點擊下載源碼

各位看官如果覺得文章不錯，幫忙點個贊吧，對於你來說是舉手之勞，但對於我來說這就是堅持下去的動力。

如果你想第一時間看我們的後期文章，掃碼關註公眾號，每周不定期推送Android開發實戰教程文章，你還等什麼，趕快關註吧，學好技術，出任ceo，贏取白富美。。。。

      Android開發666 - 安卓開發技術分享
            掃描二維碼加關註