Android Academy · leksjon

Oppsett og visninger

Utform brukergrensesnitt med XML-oppsett. Bruk ConstraintLayout, LinearLayout og vanlige visninger som TextView, Button, ImageView og EditText.

Leksjon 3 av 711 trinn

Oppsett og visninger er en gratis leksjon i Android Academy på CoddyKit. Dette er leksjon 3 av 7. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Android Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Android Academy inneholder totalt 7 leksjoner.

Bygge brukergrensesnitt med XML

Android-brukergrensesnitt defineres i XML-layoutfiler som lagres i res/layout/. Layouten beskriver strukturen og utseendet til skjermen – hvilke visninger som vises, og hvor de plasseres.

Kotlin-koden inflater deretter denne layouten og samhandler med visningene under kjøring.

Vanlige visningstyper

De mest brukte View-widgetene:

TextView – viser tekst
EditText – tekstfelt for inndata
Button – knapp som kan trykkes på
ImageView – viser et bilde
CheckBox – av/på-bryter
Switch – av/på-bryter (Material)

ConstraintLayout

ConstraintLayout er den anbefalte layouten for de fleste skjermer. Den lar Dem plassere visninger i forhold til hverandre eller foreldrevisningen ved hjelp av begrensninger – omtrent som å koble sammen ankerpunkter.

Flat hierarki – ingen nøstede layouter er nødvendige
Fleksibel – fungerer med alle skjermstørrelser
Brukes som standard i nye Android Studio-prosjekter

ConstraintLayout-XML

En TextView sentrert på skjermen i ConstraintLayout:

<!-- res/layout/activity_main.xml -->
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello Android!"
        android:textSize="24sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

LinearLayout

LinearLayout ordner visninger i én rad eller kolonne:

android:orientation="vertical" – stable visninger fra øverst til nederst
android:orientation="horizontal" – ordne visninger ved siden av hverandre
android:layout_weight – fordel ledig plass proporsjonalt

Enkelt og forutsigbart, men unngå dyp nøsting.

Viktige layoutattributter

Alle View-objekter har disse viktige attributtene:

layout_width / layout_height: match_parent, wrap_content eller en fast dp-verdi
id: brukes til å referere til visningen i Kotlin
margin: plass utenfor visningen
padding: plass inni visningen

Bruk dp for størrelser (tetthetsuavhengige piksler) og sp for tekststørrelser.

ScrollView

Når innholdet er høyere enn skjermen, pakker De det inn i en ScrollView:

Kan bare inneholde ett direkte underordnet element (vanligvis en LinearLayout)
Vertikal rulling som standard
Bruk HorizontalScrollView for horisontal rulling

For lange dynamiske lister bør De i stedet bruke RecyclerView – den er mer effektiv.

Finne visninger i kode

To måter å få tilgang til visninger i Kotlin-koden på:

findViewById(R.id.tvTitle) – den klassiske måten, returnerer visningen via ID-en
ViewBinding – den moderne metoden: genererer en binding-klasse fra XML-en og gir typesikker tilgang til alle visningene

ViewBinding anbefales på det sterkeste – De lærer om det i neste leksjon.

Bruke findViewById

Få tilgang til og endre visninger fra onCreate:

import android.os.Bundle
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val tvTitle = findViewById<TextView>(R.id.tvTitle)
        tvTitle.text = "Welcome!"
        tvTitle.textSize = 20f
    }
}

Hurtigsjekk

Hvilken enhet bør De bruke for tekststørrelse i Android-layouter?

Besvar den i den interaktive leksjonen

Oppsummering: Layouter og visninger

De kan nå utforme Android-skjermer:

Brukergrensesnitt defineres i XML-layoutfiler i res/layout/
Vanlige visninger: TextView, EditText, Button, ImageView
ConstraintLayout – fleksibel, flat og anbefalt
LinearLayout – enkel ordning i rader eller kolonner
Bruk dp for størrelser og sp for tekst
Få tilgang til visninger i Kotlin med findViewById

Neste: Gjør brukergrensesnittet interaktivt ved å håndtere brukerinndata.

Gratis å komme i gang

Lær deg Kotlin med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 36
Leksjoner: 152

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Oppsett og visninger» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien Android Academy, inkludert «Oppsett og visninger», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i Android Academy inneholder totalt 7 leksjoner.

Hva lærer jeg i «Oppsett og visninger»?

Utform brukergrensesnitt med XML-oppsett. Bruk ConstraintLayout, LinearLayout og vanlige visninger som TextView, Button, ImageView og EditText. Du øver på Android Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med Android Academy?

Ingen tidligere erfaring er nødvendig. Android Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 3 av 7.

Hvor lang tid tar leksjonen «Oppsett og visninger»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne Android Academy-leksjonen?

Ja. Alle Android Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til Android Academy