android學習之旅(8)--EditText

EditText

EditText和TextView十分的類似，它們共用了絕大部分的XML屬性和方法，它們最大的區別在於：EditText可以接收用戶輸入。

(1)inputType

設置輸入文本的類型，和HTML中input元素的type功能類似。

示例程序：登錄界面

在這個程序將結合本節內容和之前學習內容一起開發一個簡單的登錄界面。
需要的圖片可以去下載:阿里矢量圖形庫

登錄UI界面(.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:gravity="center"
    android:orientation="vertical"
    android:padding="15dp">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="3"
        android:gravity="center"
        android:orientation="vertical"
        android:background="#FFC400">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/hot_air_balloon"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_marginTop="20dp"
            android:text="一場說走就走的旅行！"
            android:textSize="30sp"
            android:textColor="#000000"/>
    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:layout_marginTop="40dp"
        android:orientation="vertical">

        <EditText
            android:id="@+id/editUSerName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/edit_text_style"
            android:drawableLeft="@drawable/user"
            android:drawablePadding="5dp"
            android:hint="賬號/郵箱/手機號"
            android:inputType="text"
            android:maxLines="1"
            android:textColor="#FF9800"
            android:textSize="32sp" />

        <EditText
            android:id="@+id/editPassWorld"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:background="@drawable/edit_text_style"
            android:drawableLeft="@drawable/password"
            android:drawablePadding="5dp"
            android:hint="密碼"
            android:inputType="textPassword"
            android:maxLines="1"
            android:textColor="#FF9800"
            android:textSize="32sp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:gravity="center"
            android:orientation="horizontal">

            <Button
                android:id="@+id/buttonLogin"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="30dp"
                android:layout_weight="1"
                android:background="@drawable/button_four_style"
                android:text="登錄"
                android:textColor="#FF9800"
                android:textSize="25sp" />

            <Button
                android:id="@+id/buttonCancel"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="30dp"
                android:layout_weight="1"
                android:background="@drawable/button_four_style"
                android:text="取消"
                android:textColor="#FF9800"
                android:textSize="25dp" />
        </LinearLayout>

    </LinearLayout>

</LinearLayout>

功能實現（.java文件）

package com.kong.viewtext;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

public class EditTextActivity extends AppCompatActivity {
    private EditText m_UserName;
    private EditText m_PassWorld;
    private Button m_ButtonLogin;
    private Button m_ButtonCancel;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edit_text);
        m_UserName=findViewById(R.id.editUSerName);
        //添加文本變化監聽器
        m_UserName.addTextChangedListener(new EditTextChangedListener());
        m_PassWorld=findViewById(R.id.editPassWorld);
        m_ButtonLogin=findViewById(R.id.buttonLogin);
        m_ButtonLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String userName,passWorld;
                userName=m_UserName.getText().toString().trim();
                passWorld=m_PassWorld.getText().toString().trim();
                if(userName.isEmpty()||passWorld.isEmpty())
                {
                    Toast.makeText(EditTextActivity.this,"用戶名或密碼爲空，請檢查。",Toast.LENGTH_SHORT).show();
                }
                else
                {
                    //如果登錄成功就啓動TextView活動
                    Intent intent=new Intent(EditTextActivity.this,TextViewActivity.class);
                    startActivity(intent);
                }
            }
        });

        m_ButtonCancel=findViewById(R.id.buttonCancel);
        m_ButtonCancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //返回上一級目錄
                Intent intent=new Intent(EditTextActivity.this,MainActivity.class);
                startActivity(intent);
            }
        });
    }
    public class EditTextChangedListener implements TextWatcher
    {
        //文本內容變化之前
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {

        }
        //文本內容變化中
        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            //count表示本次輸入的字符數
            if(s.length()>0&&count!=0&&s.charAt(s.length()-1)=='@')
            {
                Toast.makeText(EditTextActivity.this,"郵箱地址:",Toast.LENGTH_SHORT).show();
                //當輸入的內容爲@時，自動在末尾加上qq.com
                m_UserName.setText(s+"qq.com");
            }
        }
        //文本內容變化之後
        @Override
        public void afterTextChanged(Editable s) {

        }
    }

}

按鈕樣式

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--沒有被按壓的效果-->
    <item android:state_pressed="false">
        <shape>
            <corners android:radius="5dp"/>
            <solid android:color="#0099FF"/>
        </shape>
    </item>
    <!--按壓效果-->
    <item android:state_pressed="true">
        <shape>
            <corners android:radius="5dp"/>
            <solid android:color="#3F51B5"/>
        </shape>
    </item>
</selector>

EditText樣式

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--當獲得焦點時-->
    <item android:state_focused="true">
        <shape>
            <corners android:radius="5dp"/>
            <solid android:color="#00BCD4"/>
        </shape>
    </item>
</selector>

運行結果