iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
Mobile Development

android studio 30天初學筆記系列 第 6

Android Studio初學筆記-Day6-EditText

EditText(輸入框)

是個能與使用者互動的一個元件,我覺得也開始讓程式變得稍微有點層次了,其實EditText和前一篇的Textview有許多相同的屬性,包括設定字的大小顏色等。不過接下來要介紹的是一些屬於EditText的屬性設定,可以依自己的需求對EditText進行設定及調整。

  • android:inputType=” ”
    這個屬性的值決定了輸入者的鍵盤以及對文字的一些規則。常見如下,可以個別嘗試看看效果。
android:inputType=”none” (無)
android:inputType=”text” (任何字元)
android:inputType=”textEmailAddress” (電子郵件)
android:inputType=”textPersonName” (人名)
android:inputType=”textPostalAddress” (地址)
android:inputType=”textPassword” (密碼)
android:inputType=”textVisiblePassword” (可見密碼)
android:inputType=”number” (數字)
android:inputType=”numberSigned” (帶符號數字格式)
android:inputType=”numberDecimal” (含有小數點的浮點格式)
android:inputType=”phone” (電話鍵盤)
android:inputType=”datetime” (時間日期鍵盤)
android:inputType=”date” (日期鍵盤)
android:inputType=”time” (時間鍵盤)
  • android:hint=””
    其功能類似於Android:text=””不過hint是在還未輸入值時所顯示在EditText欄位上淡淡的文字,功能有如提示一般。
  • android:maxLength=””
    用來限制輸入的字串長度。
  • android:ems=””
    用來限制顯示長度,如果沒有設定EditText的大小可能因為輸入長度而跑掉。

以下是簡單的例子

程式碼

<RelativeLayout 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"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tx1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="200dp"
        android:layout_marginLeft="50dp"
        android:textSize="20sp"
        android:text="帳號:" />

    <TextView
        android:id="@+id/tx2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="50dp"
        android:layout_marginTop="268dp"
        android:text="密碼:"
        android:textSize="20sp" />

    <EditText
        android:id="@+id/et1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginStart="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="185dp"
        android:layout_toEndOf="@+id/tx2"
        android:layout_toRightOf="@+id/tx2"
        android:inputType="phone"
        android:maxLength="10"
        android:ems="10"
        android:hint="請輸入電話號碼" />

    <EditText
        android:id="@+id/et2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/et1"
        android:layout_marginStart="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:layout_toEndOf="@+id/tx2"
        android:layout_toRightOf="@+id/tx2"
        android:inputType="textPassword"
        android:ems="10"
        android:maxLength="8"
        android:hint="請輸入密碼(最多八碼)" />

</RelativeLayout>

https://ithelp.ithome.com.tw/upload/images/20210907/20139136dR0Hn5yIBR.png
EditText就簡單介紹到這裡,謝謝大家/images/emoticon/emoticon41.gif


上一篇
Android Studio初學筆記-Day5-TextView
下一篇
Android Studio初學筆記-Day7-Button和Toast
系列文
android studio 30天初學筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言