EditText: wat is het, attributen en werken met het invoerveld in Android

Wat is EditText in Android

EditText — is een klasse uit het android.widget-pakket dat een interactief tekstveld implementeert voor gegevensinvoer door de gebruiker. In de overervingshiërarchie van Android EditText extends TextView, dus het erft alle eigenschappen van een tekstlabel, inclusief beheer van lettertypen, kleuren en uitlijning. Het belangrijkste verschil tussen EditText en TextView is de mogelijkheid om inhoud te bewerken — de gebruiker kan tekst rechtstreeks in de interface invoeren, verwijderen en wijzigen.

Elke EditText is gekoppeld aan een Editable-instantie die de ingevoerde tekst opslaat en bewerkingen ondersteunt voor het invoegen, verwijderen en vervangen van tekens. Bij het invoeren van tekst beheert EditText automatisch de cursorpositie, tekstselectie en wijzigingsgeschiedenis voor ongedaan maken (undo/redo). Volgens Android Developers Guide (2026) ondersteunt EditText ook automatisch aanvullen via de klasse AutoCompleteTextView die overerft van EditText.

De architectuur van EditText is gebaseerd op scheiding van model (Editable), weergave (TextView) en controller (InputConnection). Bij het verkrijgen van focus maakt EditText een InputConnection aan waarmee het invoersysteem tekens, toetsaanslagen en bewerkingsopdrachten doorgeeft. Dit mechanisme zorgt voor compatibiliteit met elke invoermethode — van virtuele toetsenborden tot fysieke Bluetooth-toetsenborden en spraakinvoer.

val editText = EditText(context).apply {
    hint = "Voer tekst in"
    inputType = InputType.TYPE_CLASS_TEXT
    maxLines = 1
    setTextColor(Color.parseColor("#000000"))
}

Basisattributen van EditText

EditText biedt tientallen attributen voor het nauwkeurig afstemmen van gedrag en uiterlijk. Deze kunnen zowel in de XML-layout als programmatisch via Kotlin of Java worden ingesteld. De attributen zijn onderverdeeld in categorieën: tekstbeheer, beperkingen, visuele weergave en interactie met het toetsenbord.

Het attribuut android:hint is een van de belangrijkste — het informeert de gebruiker welke gegevens in het veld worden verwacht. Bij het invoeren van tekst verdwijnt de hint automatisch. De hint doet niet mee aan het verzenden van het formulier en wordt niet opgeslagen als veldwaarde. Material Design beveelt het gebruik van TextInputLayout met een zwevend label aan in plaats van een gewone hint voor een modernere uitstraling.

• android:selectAllOnFocus — selecteert alle tekst bij focus (handig voor zoekvelden).
• android:maxLength — beperkt het aantal in te voeren tekens, snijdt overschot af.
• android:lines — stelt een vaste veldhoogte in regels in (in tegenstelling tot minLines).
• android:gravity — tekstuitlijning in het veld: left, center, top enz.

                <!-- 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" />

Invoermodi en inputType

Het attribuut inputType bepaalt welk type toetsenbord aan de gebruiker wordt getoond en welke tekens zijn toegestaan voor invoer. Het is een bitmasker waarbij de invoerklasse (TYPE_CLASS_TEXT, TYPE_CLASS_NUMBER, TYPE_CLASS_PHONE) wordt gecombineerd met modifiers.

Elke invoermodus verandert niet alleen de toetsenbordindeling, maar beïnvloedt ook de tekstverwerking: in de numerieke modus zijn alleen cijfers en de decimale scheidingsteken toegestaan, in de e-mailmodus is het @-symbool en domeinextensies beschikbaar, en in de telefoonmodus worden cijfers en de symbolen +, #, * weergegeven. De juiste keuze van inputType heeft een kritieke invloed op de gebruikerservaring — een ongeschikt toetsenbord dwingt de gebruiker om modi te wisselen, wat de invultijd van het formulier met 30–50% verhoogt.

Volgens Material Design Guidelines (2025) wordt aanbevolen om voor elk veld de meest specifieke inputType te gebruiken: textPassword voor wachtwoorden, numberDecimal voor prijzen, phone voor telefoonnummers, textMultiLine voor meerregelige invoer. Dit versnelt het invullen van formulieren en vermindert het aantal invoerfouten.

// Programmatische inputType-instelling
editText.inputType = InputType.TYPE_CLASS_TEXT or
    InputType.TYPE_TEXT_FLAG_CAP_SENTENCES or
    InputType.TYPE_TEXT_FLAG_AUTO_CORRECT

EditText-listeners: TextWatcher en OnEditorActionListener

TextWatcher — is een interface voor het in realtime volgen van tekstwijzigingen in EditText. Het bevat drie methoden: beforeTextChanged wordt aangeroepen vóór de wijziging, onTextChanged — tijdens de wijziging, afterTextChanged — nadat de tekstwijziging is voltooid. TextWatcher wordt gebruikt voor invoervalidatie, teken tellen, zoeken en automatisch aanvullen.

OnEditorActionListener handelt gebruikersacties op het toetsenbord af: indrukken van de Done-knop (IME_ACTION_DONE), zoeken (IME_ACTION_SEARCH), verzenden (IME_ACTION_SEND), naar het volgende veld gaan (IME_ACTION_NEXT) en andere. Deze listener is vooral handig voor het organiseren van formuliernavigatie — bij indrukken van Next gaat de focus automatisch naar het volgende veld, en bij indrukken van Done wordt het toetsenbord verborgen en wordt het verzenden uitgevoerd.

Volgens Android Developers Blog (2025) maakt correct gebruik van OnEditorActionListener met het attribuut android:imeOptions het mogelijk om intuïtieve formulieren te maken zonder extra verzendknoppen — de gebruiker vult de velden in en drukt op Done op het toetsenbord, waarna opslaan of zoeken wordt gestart.

// TextWatcher voor e-mailvalidatie
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 voor formulierverzending
editText.setOnEditorActionListener { _, actionId, _ ->
    if (actionId == EditorInfo.IME_ACTION_DONE) {
        submitForm()
        true
    } else false
}

Codevoorbeelden met EditText

Laten we een volledig voorbeeld bekijken van het maken van een inlogscherm met EditText voor het invoeren van e-mail en wachtwoord. In dit voorbeeld worden de inputType-configuratie, validatie via TextWatcher en verwerking van de inlogknop getoond.

XML-layout van het inlogscherm

@+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" />

Programmatische configuratie van 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
        }
    }
}

EditText stylen

EditText ondersteunt aanpassing via XML-attributen, thema's en stijlen. De tekstkleur, hintkleur, onderstrepingskleur (backgroundTint), lettertypestijl, tekstgrootte en nog veel meer kunnen worden gewijzigd. Material Components biedt het thema MaterialComponents. EditText met aangepaste attributen, waaronder boxStrokeColor, boxBackgroundColor en endIconMode.

Voor het wijzigen van de onderstrepingskleur van EditText wordt het attribuut android:backgroundTint gebruikt, dat de kleur instelt voor de standaardstatus en de focusstatus. In Material Design wordt de onderstrepingskleur beheerd via colorPrimary van het thema. Voor volledige aanpassing kan een eigen drawable als achtergrond worden gemaakt in de map res/drawable.

Voor het creëren van een uniforme stijl voor alle EditText in de app wordt aanbevolen een globale stijl in het thema te definiëren. Material Design biedt de stijl Widget.MaterialComponents.TextInputLayout.OutlinedBox die automatisch wordt toegepast op alle invoervelden die TextInputLayout gebruiken. Dit zorgt voor een consistente uitstraling zonder attributen te dupliceren in elke layout.