EditText: vad är det, attribut och arbete med inmatningsfältet i Android

Vad är EditText i Android

EditText — är en klass från paketet android.widget som implementerar ett interaktivt textfält för datainmatning av användaren. I arvshierarkin Android EditText extends TextView, så den ärver alla egenskaper hos en textetikett, inklusive hantering av typsnitt, färger och justering. Huvudskillnaden mellan EditText och TextView är möjligheten att redigera innehåll — användaren kan mata in, ta bort och ändra text direkt i gränssnittet.

Varje EditText är kopplad till en Editable-instans som lagrar den inmatade texten och stöder operationer för insättning, borttagning och ersättning av tecken. Vid textinmatning hanterar EditText automatiskt markörposition, textmarkering och ändringshistorik för ångra (undo/redo). Enligt Android Developers Guide (2026) stöder EditText också automatisk komplettering via klassen AutoCompleteTextView som ärver från EditText.

Arkitekturen för EditText är byggd på separation av modell (Editable), vy (TextView) och kontroller (InputConnection). När den får fokus skapar EditText en InputConnection genom vilken inmatningssystemet överför tecken, tangenttryckningar och redigeringskommandon. Denna mekanism säkerställer kompatibilitet med alla inmatningsmetoder — från virtuella tangentbord till fysiska Bluetooth-tangentbord och röstinmatning.

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

Grundläggande attribut för EditText

EditText erbjuder dussintals attribut för finjustering av beteende och utseende. De kan ställas in både i XML-layouten och programmatiskt via Kotlin eller Java. Attributen är indelade i kategorier: texthantering, begränsningar, visuellt utseende och interaktion med tangentbordet.

Attributet android:hint är ett av de viktigaste — det informerar användaren om vilka data som förväntas i fältet. När text matas in försvinner hint automatiskt. Hint deltar inte i formulärsändning och sparas inte som fältvärde. Material Design rekommenderar att använda TextInputLayout med flytande etikett istället för vanlig hint för ett modernare utseende.

• android:selectAllOnFocus — markerar all text vid fokus (användbart för sökfält).
• android:maxLength — begränsar antalet inmatade tecken, kapar överskott.
• android:lines — ställer in fast fälthöjd i rader (till skillnad från minLines).
• android:gravity — textjustering inuti fältet: left, center, top etc.

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

Inmatningslägen och inputType

Attributet inputType bestämmer vilken typ av tangentbord som ska visas för användaren och vilka tecken som är tillåtna för inmatning. Det är en bitmask där inmatningsklassen (TYPE_CLASS_TEXT, TYPE_CLASS_NUMBER, TYPE_CLASS_PHONE) kombineras med modifierare.

Varje inmatningsläge ändrar inte bara tangentbordslayouten utan påverkar också textbearbetningen: i numeriskt läge är endast siffror och decimalkomma tillåtna, i e-postläge är @-symbolen och domäntillägg tillgängliga, i telefonläge visas siffror och symbolerna +, #, *. Rätt val av inputType har en kritisk inverkan på användarupplevelsen — ett olämpligt tangentbord tvingar användaren att växla lägen, vilket ökar formulärets ifyllnadstid med 30–50%.

Enligt Material Design Guidelines (2025) rekommenderas att använda den mest specifika inputType för varje fält: textPassword för lösenord, numberDecimal för priser, phone för telefonnummer, textMultiLine för flerradig inmatning. Detta påskyndar formulärifyllning och minskar antalet inmatningsfel.

// Programmatisk inputType-inställning
editText.inputType = InputType.TYPE_CLASS_TEXT or
    InputType.TYPE_TEXT_FLAG_CAP_SENTENCES or
    InputType.TYPE_TEXT_FLAG_AUTO_CORRECT

EditText-avlyssnare: TextWatcher och OnEditorActionListener

TextWatcher — är ett gränssnitt för att spåra textändringar i EditText i realtid. Det innehåller tre metoder: beforeTextChanged anropas före ändringen, onTextChanged — under ändringen, afterTextChanged — efter att textändringen slutförts. TextWatcher används för inmatningsvalidering, teckenräkning, sökning och automatisk komplettering.

OnEditorActionListener hanterar användarens åtgärder på tangentbordet: tryck på Done-knappen (IME_ACTION_DONE), sökning (IME_ACTION_SEARCH), sändning (IME_ACTION_SEND), övergång till nästa fält (IME_ACTION_NEXT) och andra. Denna avlyssnare är särskilt användbar för att organisera navigering i formulär — vid tryck på Next flyttas fokus automatiskt till nästa fält, och vid tryck på Done döljs tangentbordet och sändning utförs.

Enligt Android Developers Blog (2025) möjliggör korrekt användning av OnEditorActionListener med attributet android:imeOptions att skapa intuitiva formulär utan extra sändningsknappar — användaren fyller i fälten och trycker på Done på tangentbordet, vilket utlöser sparande eller sökning.

// TextWatcher för e-postvalidering
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 för formulärsändning
editText.setOnEditorActionListener { _, actionId, _ ->
    if (actionId == EditorInfo.IME_ACTION_DONE) {
        submitForm()
        true
    } else false
}

Kodexempel med EditText

Låt oss titta på ett komplett exempel på att skapa en inloggningsskärm med EditText för inmatning av e-post och lösenord. I detta exempel visas konfiguration av inputType, validering via TextWatcher och hantering av inloggningsknappen.

XML-layout för inloggningsskärmen

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

Programmatisk konfiguration av 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
        }
    }
}

Styla EditText

EditText stöder anpassning via XML-attribut, teman och stilar. Textfärg, ledtextfärg, understrykningsfärg (backgroundTint), teckensnittsstil, textstorlek och mycket mer kan ändras. Material Components tillhandahåller temat MaterialComponents. EditText med anpassade attribut, inklusive boxStrokeColor, boxBackgroundColor och endIconMode.

För att ändra understrykningsfärgen för EditText används attributet android:backgroundTint, som ställer in färgen för standardtillståndet och fokustillståndet. I Material Design hanteras understrykningsfärgen via temats colorPrimary. För fullständig anpassning kan en egen drawable skapas som bakgrund i mappen res/drawable.

För att skapa en enhetlig stil för alla EditText i applikationen rekommenderas att definiera en global stil i temat. Material Design erbjuder stilen Widget.MaterialComponents.TextInputLayout.OutlinedBox som automatiskt tillämpas på alla inmatningsfält som använder TextInputLayout. Detta säkerställer ett konsekvent utseende utan att duplicera attribut i varje layout.