Android Academy · Lektion

Layouts und Views

Entwerfen Sie Benutzeroberflächen mit XML-Layouts. Verwenden Sie ConstraintLayout, LinearLayout und gängige Views wie TextView, Button, ImageView und EditText.

Layouts und Views ist eine kostenlose Android Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 7. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Android Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Android Academy-Kurs umfasst insgesamt 7 Lektionen.

UIs mit XML erstellen

Android-UIs werden in XML-Layoutdateien definiert, die in res/layout/ gespeichert sind. Das Layout beschreibt die Struktur und das Erscheinungsbild Ihres Bildschirms – welche Views angezeigt werden und an welcher Stelle.

Ihr Kotlin-Code lädt dieses Layout anschließend und interagiert zur Laufzeit mit den Views.

Häufig verwendete View-Typen

Die am häufigsten verwendeten View-Widgets:

TextView – zeigt Text an
EditText – Texteingabefeld
Button – anklickbare Schaltfläche
ImageView – zeigt ein Bild an
CheckBox – aktiviert/deaktiviert
Switch – Ein-/Aus-Schalter (Material)

ConstraintLayout

ConstraintLayout ist das empfohlene Layout für die meisten Bildschirme. Damit können Sie Views mithilfe von Constraints relativ zueinander oder zum übergeordneten Element positionieren – ähnlich wie beim Verbinden von Ankerpunkten.

Flache Hierarchie – keine verschachtelten Layouts erforderlich
Flexibel – funktioniert mit jeder Bildschirmgröße
Wird standardmäßig in neuen Android-Studio-Projekten verwendet

ConstraintLayout-XML

Ein in ConstraintLayout zentriertes TextView:

<!-- 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 ordnet Views in einer einzigen Zeile oder Spalte an:

android:orientation="vertical" – Views von oben nach unten stapeln
android:orientation="horizontal" – nebeneinander anordnen
android:layout_weight – den verbleibenden Platz proportional verteilen

Einfach und vorhersehbar, aber vermeiden Sie tiefe Verschachtelungen.

Wichtige Layout-Attribute

Jede View verfügt über diese grundlegenden Attribute:

layout_width / layout_height: match_parent, wrap_content oder ein fester dp-Wert
id: wird verwendet, um in Kotlin auf die View zu verweisen
margin: Abstand außerhalb der View
padding: Abstand innerhalb der View

Verwenden Sie dp für Größen (dichteunabhängige Pixel) und sp für Textgrößen.

ScrollView

Wenn der Inhalt höher als der Bildschirm ist, umschließen Sie ihn mit einer ScrollView:

Kann nur ein direkt untergeordnetes Element enthalten (normalerweise ein LinearLayout)
Standardmäßig vertikales Scrollen
Verwenden Sie HorizontalScrollView für horizontales Scrollen

Für lange dynamische Listen sollten Sie stattdessen RecyclerView verwenden – das ist effizienter.

Views im Code finden

Es gibt zwei Möglichkeiten, in Ihrem Kotlin-Code auf Views zuzugreifen:

findViewById(R.id.tvTitle) – der klassische Weg; gibt die View anhand ihrer ID zurück
ViewBinding – der moderne Ansatz: Erzeugt aus dem XML eine Binding-Klasse und ermöglicht typsicheren Zugriff auf alle Views

ViewBinding wird dringend empfohlen – Sie lernen es in der nächsten Lektion kennen.

findViewById verwenden

Greifen Sie in onCreate auf Views zu und ändern Sie sie:

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
    }
}

Schnelltest

Welche Einheit sollten Sie in Android-Layouts für die Textgröße verwenden?

Zusammenfassung: Layouts und Views

Sie können jetzt Android-Bildschirme entwerfen:

UIs werden in XML-Layoutdateien unter res/layout/ definiert
Häufige Views: TextView, EditText, Button, ImageView
ConstraintLayout – flexibel, flach und empfohlen
LinearLayout – einfache Anordnung in Zeilen oder Spalten
Verwenden Sie dp für Größen und sp für Text
Greifen Sie in Kotlin mit findViewById auf Views zu

Als Nächstes: Machen Sie Ihre UI interaktiv, indem Sie Benutzereingaben verarbeiten.

Häufig gestellte Fragen

Ist die Lektion „Layouts und Views“ kostenlos?

Ja — der vollständige Text von „Layouts und Views“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Android Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Android Academy-Kurs umfasst insgesamt 7 Lektionen.

Was lerne ich in „Layouts und Views“?

Entwerfen Sie Benutzeroberflächen mit XML-Layouts. Verwenden Sie ConstraintLayout, LinearLayout und gängige Views wie TextView, Button, ImageView und EditText. Du übst Android Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Android Academy zu starten?

Keine Vorkenntnisse erforderlich. Android Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 7.

Wie lange dauert die Lektion „Layouts und Views“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Android Academy-Lektion Code schreiben und ausführen?

Ja. Jede Android Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu Android Academy