上一篇文章介紹了Button元件而這篇要配合Button元件介紹可讓使用者輸入與顯示的Text系列元件,快速進入正題:
下圖是Text系列的相關元件
Text系列依我的想法可分為顯示Text和輸入Text,依照這兩種分法進行討論:
向使用者呈現文字:
提供使用者輸入的元件,分為以下不同的輸入類型:
以下會實作顯示Text第1項和輸入Text第1~10項
下圖為最終呈現畫面
(程式說明以註解呈現)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<!--Text-->
<!--android:ems 字符寬度-->
<!--android:inputType 輸入類型-->
<!--android:hint 提示-->
<TextView
android:id="@+id/tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Text系列元件"
android:textSize="20dp"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textPersonName"
android:hint="輸入姓名"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textPassword"
android:hint="輸入密碼"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="numberPassword"
android:hint="輸入密碼(數字)"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textEmailAddress"
android:hint="輸入電子郵件"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="phone"
android:hint="輸入電話號碼"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt6"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textPostalAddress"
android:hint="輸入郵政地址"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt7"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:gravity="start|top"
android:inputType="textMultiLine"
android:hint="多行輸入"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt8"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="time"
android:hint="輸入時間"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt9"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="date"
android:hint="輸入日期"
android:layout_marginTop="5dp"
/>
<EditText
android:id="@+id/edt10"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="number"
android:hint="輸入數字"
android:layout_marginTop="5dp"
/>
<!--Button-->
<!--設定元件的識別編號-->
<!--元件在版面的寬度為元件內容大小-->
<!--元件在版面的高度為元件內容大小-->
<!--距離間隔版面20sp-->
<!--按鈕文字為Button-->
<!--設定偵聽器-->
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="20sp"
android:onClick="listener"
android:text="送出"
android:layout_marginTop="5dp"
/>
</LinearLayout>
大家可以參考一下各個輸入Text鍵盤允許輸入的資料型態為何
(下圖為多行輸入)
下一篇將接續介紹Text後半段的元件
Thank you for your time.