Android - EditText 控制元件

EditText 是一個覆蓋在 TextView 上的控制元件，它本身配置為可編輯的。它是 TextView 的預定義子類，包含豐富的編輯功能。

EditText 的樣式

EditText 屬性

以下是與 EditText 控制元件相關的重要的屬性。您可以檢視 Android 官方文件以獲取屬性的完整列表，以及可以在執行時更改這些屬性的相關方法。

繼承自 android.widget.TextView 類：

繼承自 android.view.View 類：

示例

此示例將引導您完成簡單的步驟，演示如何使用線性佈局和 EditText 建立您自己的 Android 應用程式。

以下是修改後的主活動檔案 src/com.example.demo/MainActivity.java 的內容。此檔案可以包含每個基本生命週期方法。

package com.example.demo;

import android.os.Bundle;
import android.app.Activity;

import android.view.View;
import android.view.View.OnClickListener;

import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends Activity {
   EditText eText;
   Button btn;
   
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      eText = (EditText) findViewById(R.id.edittext);
      btn = (Button) findViewById(R.id.button);
      btn.setOnClickListener(new OnClickListener() {
         public void onClick(View v) {
            String str = eText.getText().toString();
            Toast msg = Toast.makeText(getBaseContext(),str,Toast.LENGTH_LONG);
            msg.show();
         }
      });
   }
}

res/layout/activity_main.xml 檔案的內容如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:paddingBottom="@dimen/activity_vertical_margin"
   android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   tools:context=".MainActivity" >
   
   <TextView
      android:id="@+id/textView1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentLeft="true"
      android:layout_alignParentTop="true"
      android:layout_marginLeft="14dp"
      android:layout_marginTop="18dp"
      android:text="@string/example_edittext" />
      
   <Button
      android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignLeft="@+id/textView1"
      android:layout_below="@+id/textView1"
      android:layout_marginTop="130dp"
      android:text="@string/show_the_text" />
      
   <EditText
      android:id="@+id/edittext"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_alignLeft="@+id/button"
      android:layout_below="@+id/textView1"
      android:layout_marginTop="61dp"
      android:ems="10"
      android:text="@string/enter_text" android:inputType="text" />

</RelativeLayout>

res/values/strings.xml 檔案的內容如下，用於定義這些新的常量：

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">demo</string>
   <string name="example_edittext">Example showing EditText</string>
   <string name="show_the_text">Show the Text</string>
   <string name="enter_text">text changes</string>
</resources>

AndroidManifest.xml 的預設內容如下：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.demo" >
      
   <application
      android:allowBackup="true"
      android:icon="@drawable/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >
      
      <activity
         android:name="com.example.demo.MainActivity"
         android:label="@string/app_name" >
      
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      
      </activity>
   </application>
   
</manifest>

讓我們嘗試執行您的 demo 應用程式。我假設您在進行環境設定時建立了您的 AVD。要從 Android Studio 執行應用程式，請開啟專案的其中一個活動檔案，然後單擊工具欄中的執行 圖示。Android Studio 將應用程式安裝到您的 AVD 並啟動它，如果您的設定和應用程式一切正常，它將顯示以下模擬器視窗：

練習

我建議您在佈局 XML 檔案中以及程式設計時嘗試使用 EditText 的不同屬性，以獲得 EditText 不同的外觀和感覺。嘗試使其可編輯，更改字型顏色、字體系列、寬度、textSize 等，然後檢視結果。您還可以嘗試在一個活動中使用多個 EditText 控制元件。