EditText: ano ito, mga attribute at paggawa gamit ang input field sa Android

Ano ang EditText sa Android

EditText — ay isang klase mula sa package na android.widget na nagpapatupad ng interactive na text field para sa pag-input ng data ng user. Sa hierarchy ng pamana ng Android EditText extends TextView, kaya minamana nito ang lahat ng katangian ng isang text label, kabilang ang pamamahala ng font, kulay at pagkakahanay. Ang pangunahing pagkakaiba sa pagitan ng EditText at TextView ay ang kakayahang mag-edit ng nilalaman — ang user ay maaaring magpasok, magtanggal at magbago ng teksto nang direkta sa interface.

Ang bawat EditText ay nakaugnay sa isang instance ng Editable na nag-iimbak ng inilagay na teksto at sumusuporta sa mga operasyon ng pagpasok, pagtanggal at pagpapalit ng character. Kapag naglalagay ng teksto, awtomatikong pinamamahalaan ng EditText ang posisyon ng cursor, pagpili ng teksto at kasaysayan ng pagbabago para sa undo/redo. Ayon sa Android Developers Guide (2026), sinusuportahan din ng EditText ang auto-completion sa pamamagitan ng klase na AutoCompleteTextView na nagmamana mula sa EditText.

Ang arkitektura ng EditText ay binuo sa paghihiwalay ng modelo (Editable), view (TextView) at controller (InputConnection). Kapag nakatanggap ng focus, gumagawa ang EditText ng InputConnection kung saan ang input system ay nagpapadala ng mga character, key press at editing command. Tinitiyak ng mekanismong ito ang compatibility sa anumang paraan ng input — mula sa virtual keyboard hanggang sa pisikal na Bluetooth keyboard at voice input.

val editText = EditText(context).apply {
    hint = "Maglagay ng teksto"
    inputType = InputType.TYPE_CLASS_TEXT
    maxLines = 1
    setTextColor(Color.parseColor("#000000"))
}

Mga pangunahing attribute ng EditText

EditText ay nagbibigay ng dose-dosenang attribute para sa tumpak na pagsasaayos ng pag-uugali at hitsura. Maaari itong itakda pareho sa XML layout at programmatically sa pamamagitan ng Kotlin o Java. Ang mga attribute ay nahahati sa mga kategorya: pamamahala ng teksto, mga limitasyon, visual na hitsura at pakikipag-ugnayan sa keyboard.

Ang attribute na android:hint ay isa sa pinakamahalaga — ipinapaalam nito sa user kung anong data ang inaasahan sa field. Kapag naglalagay ng teksto, awtomatikong nagtatago ang hint. Ang hint ay hindi nakikilahok sa pagpapadala ng form at hindi nai-save bilang halaga ng field. Inirerekomenda ng Material Design ang paggamit ng TextInputLayout na may lumulutang na label sa halip na ordinaryong hint para sa mas modernong hitsura.

• android:selectAllOnFocus — pinipili ang lahat ng teksto kapag nakatanggap ng focus (kapaki-pakinabang para sa mga search field).
• android:maxLength — nililimitahan ang bilang ng inilagay na character, pinuputol ang sobra.
• android:lines — nagtatakda ng fixed na taas ng field sa mga linya (hindi tulad ng minLines).
• android:gravity — pagkakahanay ng teksto sa loob ng field: left, center, top atbp.

                <!-- EditText in XML layout -->
@+id/etEmail
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Enter email"
android:inputType="textEmailAddress"
android:maxLines="1"
android:importantForAutofill="yes" />

Mga mode ng input at inputType

Ang attribute na inputType ay tumutukoy kung anong uri ng keyboard ang ipapakita sa user at kung anong mga character ang pinapayagan para sa input. Ito ay isang bit mask kung saan ang input class (TYPE_CLASS_TEXT, TYPE_CLASS_NUMBER, TYPE_CLASS_PHONE) ay pinagsama sa mga modifier.

Ang bawat mode ng input ay hindi lamang nagbabago ng layout ng keyboard, kundi nakakaapekto rin sa pagproseso ng teksto: sa numeric mode ay pinapayagan lamang ang mga numero at decimal separator, sa email mode ay available ang @ symbol at domain extension, at sa phone mode ay ipinapakita ang mga numero at simbolo na +, #, *. Ang tamang pagpili ng inputType ay may kritikal na epekto sa karanasan ng user — ang hindi angkop na keyboard ay pumipilit sa user na magpalipat-lipat ng mode, na nagpapataas ng oras ng pagpuno ng form ng 30–50%.

Ayon sa Material Design Guidelines (2025), inirerekomenda na gamitin ang pinaka-specific na inputType para sa bawat field: textPassword para sa mga password, numberDecimal para sa mga presyo, phone para sa mga numero ng telepono, textMultiLine para sa multi-line na input. Pinapabilis nito ang pagpuno ng mga form at binabawasan ang bilang ng mga error sa input.

// Programmatic na pag-setup ng inputType
editText.inputType = InputType.TYPE_CLASS_TEXT or
    InputType.TYPE_TEXT_FLAG_CAP_SENTENCES or
    InputType.TYPE_TEXT_FLAG_AUTO_CORRECT

Mga listener ng EditText: TextWatcher at OnEditorActionListener

TextWatcher — ay isang interface para sa pagsubaybay sa mga pagbabago ng teksto sa EditText sa real-time. Naglalaman ito ng tatlong pamamaraan: beforeTextChanged ay tinatawag bago ang pagbabago, onTextChanged — habang nagbabago, afterTextChanged — pagkatapos makumpleto ang pagbabago ng teksto. Ang TextWatcher ay ginagamit para sa validation ng input, pagbilang ng character, paghahanap at auto-completion.

OnEditorActionListener ay humahawak ng mga aksyon ng user sa keyboard: pagpindot ng Done button (IME_ACTION_DONE), paghahanap (IME_ACTION_SEARCH), pagpapadala (IME_ACTION_SEND), paglipat sa susunod na field (IME_ACTION_NEXT) at iba pa. Ang listener na ito ay lalong kapaki-pakinabang para sa pag-oorganisa ng navigation sa form — sa pagpindot ng Next, awtomatikong lumilipat ang focus sa susunod na field, at sa pagpindot ng Done, ang keyboard ay nagtatago at ang pagpapadala ay isinasagawa.

Ayon sa Android Developers Blog (2025), ang tamang paggamit ng OnEditorActionListener na may attribute na android:imeOptions ay nagbibigay-daan sa paglikha ng mga intuitive na form nang walang karagdagang pindutan ng pagpapadala — pinupuno ng user ang mga field at pinipindot ang Done sa keyboard, na nagti-trigger ng pag-save o paghahanap.

// TextWatcher para sa validation ng email
editText.addTextChangedListener(object : TextWatcher {
    override fun afterTextChanged(s: Editable?) {
        val isValid = Patterns.EMAIL_ADDRESS.matcher(s).matches()
        editText.error = if (isValid) null else "Invalid email format"
    }
})

// OnEditorActionListener para sa pagpapadala ng form
editText.setOnEditorActionListener { _, actionId, _ ->
    if (actionId == EditorInfo.IME_ACTION_DONE) {
        submitForm()
        true
    } else false
}

Mga halimbawa ng code gamit ang EditText

Tingnan natin ang isang kumpletong halimbawa ng paggawa ng login screen gamit ang EditText para sa pagpasok ng email at password. Sa halimbawang ito, ipinapakita ang configuration ng inputType, validation sa pamamagitan ng TextWatcher at paghawak ng pagpindot ng login button.

XML layout ng login screen

@+id/etLoginEmail
android:layout_width="match_parent"
android:hint="Email"
android:inputType="textEmailAddress"
android:maxLines="1" />

@+id/etLoginPassword
android:layout_width="match_parent"
android:hint="Password"
android:inputType="textPassword"
android:maxLines="1" />

Programmatic na configuration ng EditText

class LoginFragment : Fragment() {
    private lateinit var etEmail: EditText
    private lateinit var etPassword: EditText

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        etEmail = view.findViewById(R.id.etLoginEmail)
        etPassword = view.findViewById(R.id.etLoginPassword)

        etEmail.addTextChangedListener(emailWatcher)
        etPassword.setOnEditorActionListener { _, actionId, _ ->
            if (actionId == EditorInfo.IME_ACTION_DONE) {
                performLogin()
                true
            } else false
        }
    }
}

Pag-istilo ng EditText

EditText ay sumusuporta sa pag-customize sa pamamagitan ng XML attribute, tema at estilo. Maaaring baguhin ang kulay ng teksto, kulay ng pahiwatig, kulay ng salungguhit (backgroundTint), estilo ng font, laki ng teksto at marami pa. Ang Material Components ay nagbibigay ng tema na MaterialComponents. EditText na may custom na attribute, kabilang ang boxStrokeColor, boxBackgroundColor at endIconMode.

Para sa pagbabago ng kulay ng salungguhit ng EditText ginagamit ang attribute na android:backgroundTint, na nagtatakda ng kulay para sa default na estado at focus state. Sa Material Design, ang kulay ng salungguhit ay pinamamahalaan sa pamamagitan ng colorPrimary ng tema. Para sa buong pag-customize, maaaring gumawa ng custom na drawable para sa background sa folder na res/drawable.

Para sa paglikha ng pare-parehong estilo ng lahat ng EditText sa application, inirerekomenda na tukuyin ang isang global na estilo sa tema. Ang Material Design ay nag-aalok ng estilo na Widget.MaterialComponents.TextInputLayout.OutlinedBox na awtomatikong inilalapat sa lahat ng input field na gumagamit ng TextInputLayout. Tinitiyak nito ang pare-parehong hitsura nang hindi inuulit ang mga attribute sa bawat layout.