Diese Seite wurde von der Cloud Translation API übersetzt.

Grundlagen von Android und Kotlin 02.2: Nutzerinteraktivität hinzufügen

Dieses Codelab ist Teil des Kurses „Grundlagen von Android und Kotlin“. Sie können diesen Kurs am besten nutzen, wenn Sie die Codelabs der Reihe nach durcharbeiten. Alle Codelabs des Kurses sind auf der Landingpage für Codelabs zu den Grundlagen von Android und Kotlin aufgeführt.

Was Sie bereits wissen sollten

Eine einfache Android-App in Kotlin erstellen
Eine Android-App auf einem Emulator oder einem Gerät ausführen.
Erstellen eines linearen Layouts mit dem Layout-Editor von Android Studio .
Erstellen Sie eine einfache App, die LinearLayout, TextView, ScrollView und eine Schaltfläche mit einem Click-Handler verwendet.

Lerninhalte

Nutzereingaben über eine EditText-Ansicht abrufen
So legen Sie Text für eine TextView-Ansicht fest, indem Sie den Text aus der EditText-Ansicht verwenden.
So arbeiten Sie mit View und ViewGroup.
So ändern Sie die Sichtbarkeit einer View.

Aufgaben

Fügen Sie der AboutMe-App, die aus einem vorherigen Codelab stammt, Interaktivität hinzu.
Fügen Sie ein EditText hinzu, damit der Nutzer Text eingeben kann.
Fügen Sie ein Button hinzu und implementieren Sie den Click-Handler.

In diesem Codelab erweitern Sie die AboutMe-App, um Nutzerinteraktionen hinzuzufügen. Sie fügen ein Aliasfeld, die Schaltfläche Fertig und eine Textansicht zum Anzeigen des Alias hinzu. Sobald der Nutzer einen Alias eingibt und auf die Schaltfläche FERTIG tippt, wird in der Textansicht der eingegebene Alias angezeigt. Der Nutzer kann den Alias noch einmal aktualisieren, indem er auf die Textansicht tippt.

AboutMe-App

In dieser Aufgabe fügen Sie ein EditText-Eingabefeld hinzu, damit der Nutzer einen Alias eingeben kann.

Schritt 1: Vorbereitung

Wenn Sie die AboutMe-App nicht bereits aus einem früheren Codelab haben, laden Sie den Startcode AboutMeInteractive-Starter herunter. Das ist derselbe Code, den Sie in einem vorherigen Codelab fertiggestellt haben.
Öffnen Sie das Projekt „AboutMeInteractive-Starter“ in Android Studio.
Führen Sie die App aus. Sie sehen eine Textansicht mit einem Namen, ein Sternbild und ein langes Textsegment in einer Scrollansicht.

Beachten Sie, dass der Nutzer keinen der Texte ändern kann.

Apps sind interessanter, wenn der Nutzer mit ihnen interagieren kann, z. B. wenn er Text eingeben kann. Für die Annahme von Texteingaben bietet Android ein UI-Widget (User Interface, Benutzeroberfläche) namens edit text. Sie definieren einen Bearbeitungstext mit EditText, einer Unterklasse von TextView. Mit einem Textfeld kann der Nutzer Text eingeben und ändern, wie im Screenshot unten zu sehen ist.

Schritt 2: EditText hinzufügen

Öffnen Sie in Android Studio die Layoutdatei activity_main.xml auf dem Tab Design.
Klicken Sie im Bereich Palette auf Text.

Ab TextView TextView wird oben in der Liste der Textelemente im Bereich Palette angezeigt. Unter Ab TextView befinden sich mehrere EditText-Ansichten.

Im Bereich Palette sehen Sie, dass das Symbol für TextView die Buchstaben Ab ohne Unterstreichung enthält. Bei den EditText-Symbolen wird jedoch Ab unterstrichen. Die Unterstreichung weist darauf hin, dass die Ansicht bearbeitet werden kann.

Für jede der EditText-Ansichten legt Android verschiedene Attribute fest und das System zeigt die entsprechende Soft-Eingabemethode (z. B. eine Bildschirmtastatur) an.
Ziehen Sie ein PlainText-Bearbeitungstextfeld in den Komponentenbaum und platzieren Sie es unter dem name_text und über dem star_image.
Verwenden Sie den Bereich Attribute , um die folgenden Attribute für die Ansicht EditText festzulegen.

Attribut	Wert
`id`	`nickname_edit`
`layout_width`	`match_parent` (Standard)
`layout_height`	`wrap_content` (Standard)

Führen Sie die App aus. Über dem Sternbild sehen Sie ein Bearbeitungsfeld mit dem Standardtext „Name“.

In dieser Aufgabe gestalten Sie die EditText-Ansicht, indem Sie einen Hinweis hinzufügen, die Textausrichtung ändern, den Stil in NameStyle ändern und den Eingabetyp festlegen.

Schritt 1: Hinweistext hinzufügen

Fügen Sie der Datei string.xml eine neue String-Ressource für den Hinweis hinzu.

<string name="what_is_your_nickname">What is your Nickname?</string>

Legen Sie im Bereich Attribute die folgenden Attribute für die Ansicht EditText fest:

Attribut	Wert
`style`	`NameStyle`
`textAlignment`	(Mitte)
`hint`	`@string/what_is_your_nickname`

Entfernen Sie im Bereich Attributes (Attribute) den Wert Name aus dem Attribut text. Der Attributwert text muss leer sein, damit der Hinweis angezeigt wird.

Schritt 2: Das Attribut „inputType“ festlegen

Mit dem Attribut inputType wird der Typ der Eingabe angegeben, die Nutzer in der Ansicht EditText eingeben können. Das Android-System zeigt je nach festgelegtem Eingabetyp das entsprechende Eingabefeld und die Bildschirmtastatur an.

Wenn Sie alle möglichen Eingabetypen sehen möchten, klicken Sie im Bereich Attribute auf das Feld inputType oder auf die drei Punkte ... neben dem Feld. Eine Liste mit allen Eingabetypen wird geöffnet. Der aktuell aktive Eingabetyp ist angekreuzt. Sie können mehrere Eingabetypen auswählen.

Verwenden Sie beispielsweise für Passwörter den Wert textPassword. Das Textfeld blendet die Eingabe des Nutzers aus.

Verwenden Sie für Telefonnummern den Wert phone. Es wird ein Ziffernblock angezeigt und der Nutzer kann nur Zahlen eingeben.

Legen Sie den Eingabetyp für das Feld „Spitzname“ fest:

Legen Sie das Attribut inputType für den nickname_edit-Bearbeitungstext auf textPersonName fest.
Im Bereich Komponentenbaum wird eine Warnung autoFillHints angezeigt. Diese Warnung gilt nicht für diese App und geht über den Rahmen dieses Codelabs hinaus. Sie können sie also ignorieren. Weitere Informationen zum automatischen Ausfüllen
Prüfen Sie im Bereich Attribute die Werte für die folgenden Attribute der Ansicht EditText:

Attribute	Wert
`id`	`nickname_edit`
`layout_width`	`match_parent` (Standard)
`layout_height`	`wrap_content` (Standard)
`style`	`@style/NameStyle`
`inputType`	`textPersonName`
`hint`	`"@string/what_is_your_nickname"`
`text`	(leer)

Ein Button ist ein UI-Element, auf das der Nutzer tippen kann, um eine Aktion auszuführen. Eine Schaltfläche kann aus Text, einem Symbol oder beidem bestehen.

In dieser Aufgabe fügen Sie die Schaltfläche FERTIG hinzu, auf die der Nutzer tippt, nachdem er einen Alias eingegeben hat. Über die Schaltfläche wird die EditText-Ansicht durch eine TextView-Ansicht ersetzt, in der der Aliasname angezeigt wird. Um den Spitznamen zu aktualisieren, kann der Nutzer auf die Ansicht TextView tippen.

Schritt 1: Schaltfläche „FERTIG“ hinzufügen

Ziehen Sie eine Schaltfläche aus dem Bereich Palette in den Komponentenbaum. Platzieren Sie die Schaltfläche unter dem nickname_editBearbeitungstext
.
Erstellen Sie eine neue String-Ressource mit dem Namen done. Geben Sie dem String den Wert Done.

<string name="done">Done</string>

Legen Sie im Bereich Attribute die folgenden Attribute für die neu hinzugefügte Button-Ansicht fest:

Attribut	Werte
`id`	`done_button`
`text`	`@string/done`
`layout_gravity`	`center_horizontal`
`layout_width`	`wrap_content`

Mit dem Attribut layout_gravity wird die Ansicht im übergeordneten Layout LinearLayout zentriert.

Ändern Sie den Stil in Widget.AppCompat.Button.Colored. Das ist einer der vordefinierten Stile, die von Android bereitgestellt werden. Sie können den Stil entweder im Drop-down-Menü oder im Fenster Ressourcen auswählen.

Bei diesem Stil wird die Schaltflächenfarbe in die Akzentfarbe colorAccent geändert. Die Akzentfarbe ist in der Datei res/values/colors.xml definiert.

Die Datei colors.xml enthält die Standardfarben für Ihre App. Sie können neue Farbressourcen hinzufügen oder die vorhandenen Farbressourcen in Ihrem Projekt entsprechend den Anforderungen Ihrer App ändern.

Beispieldatei colors.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <color name="colorPrimary">#008577</color>
   <color name="colorPrimaryDark">#00574B</color>
   <color name="colorAccent">#D81B60</color>
</resources>

Schritt 2: Schaltfläche „FERTIG“ gestalten

Fügen Sie im Bereich Attribute einen oberen Rand hinzu, indem Sie Layout_Margin > Top auswählen. Legen Sie den oberen Rand auf layout_margin fest, der in der Datei dimens.xml definiert ist.
Legen Sie das Attribut fontFamily im Drop-down-Menü auf roboto fest.
Wechseln Sie zum Tab Text und prüfen Sie den generierten XML-Code für die neu hinzugefügte Schaltfläche.

<Button
   android:id="@+id/done_button"
   style="@style/Widget.AppCompat.Button.Colored"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   android:layout_marginTop="@dimen/layout_margin"
   android:fontFamily="@font/roboto"
   android:text="@string/done" />

Schritt 3: Farbressource ändern

In diesem Schritt ändern Sie die Akzentfarbe der Schaltfläche, damit sie der App-Leiste Ihrer Aktivität entspricht.

Öffnen Sie res/values/colors.xml und ändern Sie den Wert von colorAccent in #76bf5e.

<color name="colorAccent">#76bf5e</color>

Die Farbe, die dem Hexadezimalcode entspricht, wird im linken Rand des Dateieditors angezeigt.

Achten Sie auf die Änderung der Schaltflächenfarbe im Designeditor.

Führen Sie die App aus. Unter dem bearbeiteten Text sollte eine formatierte Schaltfläche FERTIG angezeigt werden.

Nachdem der Nutzer einen Alias eingegeben und auf die Schaltfläche FERTIG getippt hat, wird der Alias in einer TextView-Ansicht angezeigt. In dieser Aufgabe fügen Sie eine Textansicht mit einem farbigen Hintergrund hinzu. In der Textansicht wird der Alias des Nutzers über dem star_image angezeigt.

Schritt 1: TextView für den Alias hinzufügen

Ziehen Sie eine Textansicht aus dem Bereich Palette in den Komponentenbaum. Platziere die Textansicht unter dem done_button und über dem star_image.
Legen Sie im Bereich Attribute die folgenden Attribute für die neue TextView-Ansicht fest:

Attribut	Wert
`id`	`nickname_text`
`style`	`NameStyle`
`textAlignment`	(Mitte)

Schritt 2: Sichtbarkeit der TextView ändern

Mit dem Attribut visibility können Sie Ansichten in Ihrer App ein- oder ausblenden. Dieses Attribut kann einen von drei Werten annehmen:

visible: Die Ansicht ist sichtbar.
Invisible: Die Ansicht wird ausgeblendet, nimmt aber weiterhin Platz im Layout ein.
gone: Die Ansicht wird ausgeblendet und nimmt im Layout keinen Platz ein.

Legen Sie im Bereich Attribute die visibility der Textansicht nickname_text auf gone fest, da diese Textansicht anfangs nicht in Ihrer App angezeigt werden soll.

Wenn Sie das Attribut im Bereich Attribute ändern, wird die Ansicht nickname_text aus dem Design-Editor entfernt. Die Ansicht ist in der Layoutvorschau ausgeblendet.
Ändern Sie den Attributwert text der Ansicht nickname_text in einen leeren String.

Der generierte XML-Code für diese TextView sollte in etwa so aussehen:

<TextView
   android:id="@+id/nickname_text"
   style="@style/NameStyle"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:textAlignment="center"
   android:visibility="gone"
   android:text="" />

Die Layoutvorschau sollte in etwa so aussehen:

Ein Klick-Handler für das Button-Objekt (oder für eine beliebige Ansicht) gibt die Aktion an, die ausgeführt werden soll, wenn auf die Schaltfläche (Ansicht) getippt wird. Die Funktion, die das Klickereignis verarbeitet, sollte in der Activity implementiert werden, in der sich das Layout mit der Schaltfläche befindet (Ansicht).

Der Klick-Listener hat im Allgemeinen dieses Format, wobei die übergebene Ansicht die Ansicht ist, die den Klick oder Tipp erhalten hat.

private fun clickHandlerFunction(viewThatIsClicked: View) {
// Add code to perform the button click event
}

Sie haben zwei Möglichkeiten, die Click-Listener-Funktion an Schaltflächen-Click-Events anzuhängen:

Im XML-Layout können Sie dem <Button>-Element das Attribut android:onClick hinzufügen. Beispiel:

<Button
   android:id="@+id/done_button"
   android:text="@string/done"
   ...
   android:onClick="clickHandlerFunction"/>

ODER

Sie können dies programmatisch zur Laufzeit in onCreate() des Activity tun, indem Sie setOnClickListener aufrufen. Beispiel:

myButton.setOnClickListener {
   clickHanderFunction(it)
}

In dieser Aufgabe fügen Sie dem done_button programmatisch einen Klick-Listener hinzu. Sie fügen den Click-Listener in der entsprechenden Aktivität hinzu, also MainActivity.kt.

Ihre Click-Listener-Funktion mit dem Namen addNickname führt Folgendes aus:

Rufen Sie den Text aus dem nickname_edit-Bearbeitungstext ab.
Legen Sie den Text in der Textansicht nickname_text fest.
Blenden Sie den bearbeiteten Text und die Schaltfläche aus.
Zeigen Sie den Alias TextView an.

Schritt 1: Klick-Listener hinzufügen

Öffnen Sie in Android Studio im Ordner java die Datei MainActivity.kt.
Fügen Sie in MainActivity.kt innerhalb der Klasse MainActivity eine Funktion mit dem Namen addNickname hinzu. Fügen Sie einen Eingabeparameter namens view vom Typ View ein. Der Parameter view ist das View, für das die Funktion aufgerufen wird. In diesem Fall ist view eine Instanz der Schaltfläche FERTIG.

private fun addNickname(view: View) {
}

Verwenden Sie in der Funktion addNickname die Funktion findViewById(), um einen Verweis auf das nickname_edit-Bearbeitungsfeld und die nickname_text-Textansicht zu erhalten.

val editText = findViewById<EditText>(R.id.nickname_edit)
val nicknameTextView = findViewById<TextView>(R.id.nickname_text)

Legen Sie den Text in der Textansicht nicknameTextView auf den Text fest, den der Nutzer in editText eingegeben hat. Rufen Sie ihn aus der Eigenschaft text ab.

nicknameTextView.text = editText.text

Blenden Sie die Ansicht des Alias EditText aus, indem Sie die Eigenschaft visibility von editText auf View.GONE festlegen.

In einer vorherigen Aufgabe haben Sie die Property visibility mit dem Layout-Editor geändert. Hier wird dasselbe programmatisch erledigt.

editText.visibility = View.GONE

Blenden Sie die Schaltfläche FERTIG aus, indem Sie das Attribut visibility auf View.GONE festlegen. Sie haben bereits die Referenz der Schaltfläche als Eingabeparameter der Funktion, view.

view.visibility = View.GONE

Am Ende der Funktion addNickname machen Sie die Ansicht mit dem Alias TextView sichtbar, indem Sie die Eigenschaft visibility auf View.VISIBLE setzen.

nicknameTextView.visibility = View.VISIBLE

Schritt 2: Click-Listener an die Schaltfläche „FERTIG“ anhängen

Nachdem Sie nun eine Funktion haben, die die auszuführende Aktion definiert, wenn auf die Schaltfläche DONE (FERTIG) getippt wird, müssen Sie die Funktion an die Button-Ansicht anhängen.

Rufen Sie in MainActivity.kt am Ende der Funktion onCreate() eine Referenz auf die Ansicht DONE Button ab. Verwenden Sie die Funktion findViewById() und rufen Sie setOnClickListener auf. Übergeben Sie eine Referenz an die Click-Listener-Funktion addNickname().

findViewById<Button>(R.id.done_button).setOnClickListener {
            addNickname(it)
        }

Im obigen Code bezieht sich it auf done_button, die als Argument übergebene Ansicht.

Führen Sie die App aus, geben Sie einen Alias ein und tippen Sie auf die Schaltfläche FERTIG. Beachten Sie, dass der Bearbeitungstext und die Schaltfläche durch die Ansicht für den Alias ersetzt werden.

Auch nachdem der Nutzer auf die Schaltfläche FERTIG getippt hat, ist die Tastatur weiterhin sichtbar. Das ist das Standardverhalten.

Schritt 3: Tastatur ausblenden

In diesem Schritt fügen Sie Code hinzu, um die Tastatur zu verbergen, nachdem der Nutzer auf die Schaltfläche FERTIG getippt hat.

Fügen Sie in MainActivity.kt am Ende der Funktion addNickname() den folgenden Code hinzu. Weitere Informationen zur Funktionsweise dieses Codes finden Sie in der Dokumentation zu hideSoftInputFromWindow.

// Hide the keyboard.
val inputMethodManager = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
inputMethodManager.hideSoftInputFromWindow(view.windowToken, 0)

Führen Sie die App noch einmal aus. Nachdem Sie auf FERTIG getippt haben,wird die Tastatur ausgeblendet.

Nachdem der Nutzer auf die Schaltfläche FERTIG getippt hat, kann er den Alias nicht mehr ändern. In der nächsten Aufgabe machen Sie die App interaktiver und fügen eine Funktion hinzu, mit der der Nutzer den Spitznamen aktualisieren kann.

In dieser Aufgabe fügen Sie der Textansicht für den Alias einen Klick-Listener hinzu. Der Klick-Listener blendet die Textansicht für den Alias aus, zeigt den Bearbeitungstext und die Schaltfläche FERTIG an.

Schritt 1: Klick-Listener hinzufügen

Fügen Sie in MainActivity eine Click-Listener-Funktion namens updateNickname(view: View) für die Textansicht des Aliasnamens hinzu.

private fun updateNickname (view: View) {
}

Rufen Sie in der Funktion updateNickname einen Verweis auf das Bearbeitungsfeld nickname_edit und einen Verweis auf die Schaltfläche FERTIG ab. Verwenden Sie dazu die Methode findViewById().

val editText = findViewById<EditText>(R.id.nickname_edit)
val doneButton = findViewById<Button>(R.id.done_button)

Fügen Sie am Ende der Funktion updateNickname Code hinzu, um das Bearbeitungsfeld und die Schaltfläche FERTIG anzuzeigen und die Textansicht auszublenden.

editText.visibility = View.VISIBLE
doneButton.visibility = View.VISIBLE
view.visibility = View.GONE

Rufen Sie in MainActivity.kt am Ende der Funktion onCreate() die Funktion setOnClickListener für die Textansicht nickname_text auf. Übergeben Sie eine Referenz an die Click-Listener-Funktion, also updateNickname().

findViewById<TextView>(R.id.nickname_text).setOnClickListener {
   updateNickname(it)
}

Führen Sie Ihre App aus. Geben Sie einen Alias ein, tippen Sie auf die Schaltfläche FERTIG und dann auf die Ansicht mit dem Alias TextView. Die Aliasansicht wird geschlossen und der Bearbeitungstext sowie die Schaltfläche FERTIG werden angezeigt.

Standardmäßig hat die Ansicht EditText keinen Fokus und die Tastatur ist nicht sichtbar. Für den Nutzer ist es schwierig zu erkennen, dass die Textansicht des Alias angeklickt werden kann. In der nächsten Aufgabe fügen Sie der Textansicht für den Alias den Fokus und einen Stil hinzu.

Schritt 2: Fokus auf die EditText-Ansicht setzen und Tastatur einblenden

Setzen Sie am Ende der Funktion updateNickname den Fokus auf die Ansicht EditText. Verwenden Sie die Methode requestFocus().

// Set the focus to the edit text.
editText.requestFocus()

Fügen Sie am Ende der Funktion updateNickname Code hinzu, um die Tastatur sichtbar zu machen.

// Show the keyboard.
val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.showSoftInput(editText, 0)

Schritt 3: Dem TextView für den Alias eine Hintergrundfarbe hinzufügen

Legt die Hintergrundfarbe der Textansicht nickname_text auf @color/colorAccent fest und fügt einen unteren Innenabstand von @dimen/small_padding hinzu. Diese Änderungen sollen dem Nutzer signalisieren, dass die Textansicht für den Alias angeklickt werden kann.

android:background="@color/colorAccent"
android:paddingBottom="@dimen/small_padding"

Führen Sie die endgültige App aus. Das Bearbeitungsfeld hat den Fokus, der Alias wird im Bearbeitungsfeld angezeigt und die Textansicht für den Alias ist formatiert.

Zeigen Sie Ihre interaktive „Über mich“-App jetzt einem Freund!

Android Studio-Projekt: AboutMeInteractive

Der Layout-Editor in Android Studio ist ein Tool für die visuelle Gestaltung. Mit dem Layout-Editor können Sie das Layout Ihrer App erstellen, indem Sie UI-Elemente in das Layout ziehen.
EditText ist ein UI-Element, mit dem der Nutzer Text eingeben und ändern kann.
Ein Button ist ein UI-Element, auf das der Nutzer tippen kann, um eine Aktion auszuführen. Eine Schaltfläche kann aus Text, einem Symbol oder beidem bestehen.

Klick-Listener

Sie können dafür sorgen, dass ein View auf Tippen reagiert, indem Sie einen Klick-Listener hinzufügen.
Die Funktion, die den Klick-Listener definiert, empfängt das View, auf das geklickt wird.

Sie haben zwei Möglichkeiten, eine Click-Listener-Funktion an ein View anzuhängen:

Fügen Sie im XML-Layout dem Element <View> das Attribut android:onClick hinzu.
Verwenden Sie programmatisch die Funktion setOnClickListener(View.OnClickListener) im entsprechenden Activity.

Udacity-Kurs:

Android-Apps mit Kotlin entwickeln

Android-Entwicklerdokumentation:

In diesem Abschnitt werden mögliche Hausaufgaben für Schüler und Studenten aufgeführt, die dieses Codelab im Rahmen eines von einem Kursleiter geleiteten Kurses durcharbeiten. Es liegt in der Verantwortung des Kursleiters, Folgendes zu tun:

Weisen Sie bei Bedarf Aufgaben zu.
Teilen Sie den Schülern/Studenten mit, wie sie Hausaufgaben abgeben können.
Benoten Sie die Hausaufgaben.

Lehrkräfte können diese Vorschläge nach Belieben nutzen und auch andere Hausaufgaben zuweisen, die sie für angemessen halten.

Wenn Sie dieses Codelab selbst durcharbeiten, können Sie mit diesen Hausaufgaben Ihr Wissen testen.

Beantworten Sie diese Fragen

Frage 1

Wovon ist EditText eine abgeleitete Klasse?

View
LinearLayout
TextView
Button

Frage 2

Welche der folgenden Attributwerte für visibility bewirken, dass eine Ansicht ausgeblendet wird und keinen Platz im Layout einnimmt?

visible
Invisible
gone
hide

Frage 3

Bei EditText-Ansichten ist es nicht empfehlenswert, Hinweise zu geben, da sie das Eingabefeld unübersichtlich machen. Richtig oder falsch?

Richtig
Falsch

Frage 4

Welche der folgenden Aussagen zu Button-Aufrufen ist richtig?

Eine Button-Ansicht ist eine Ansichtsgruppe.
Sie können nur drei Button-Ansichten pro Bildschirm haben.
Button-Ansichten sind anklickbar. Wenn ein Nutzer darauf klickt, wird durch den angehängten Click-Listener eine Aktion ausgeführt.
Button ist eine Erweiterung von ImageView.

Nächste Lektion: 2.3: ConstraintLayout mit dem Layout-Editor

Links zu anderen Codelabs in diesem Kurs finden Sie auf der Landingpage für Android Kotlin Fundamentals-Codelabs.

Grundlagen von Android und Kotlin 02.2: Nutzerinteraktivität hinzufügen Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

Was Sie bereits wissen sollten

Lerninhalte

Aufgaben

Schritt 1: Vorbereitung

Schritt 2: EditText hinzufügen

Schritt 1: Hinweistext hinzufügen

Schritt 2: Das Attribut „inputType“ festlegen

Schritt 1: Schaltfläche „FERTIG“ hinzufügen

Schritt 2: Schaltfläche „FERTIG“ gestalten

Schritt 3: Farbressource ändern

Schritt 1: TextView für den Alias hinzufügen

Schritt 2: Sichtbarkeit der TextView ändern

Schritt 1: Klick-Listener hinzufügen

Schritt 2: Click-Listener an die Schaltfläche „FERTIG“ anhängen

Schritt 3: Tastatur ausblenden

Schritt 1: Klick-Listener hinzufügen

Schritt 2: Fokus auf die EditText-Ansicht setzen und Tastatur einblenden

Schritt 3: Dem TextView für den Alias eine Hintergrundfarbe hinzufügen

Beantworten Sie diese Fragen

Frage 1

Frage 2

Frage 3

Frage 4

Grundlagen von Android und Kotlin 02.2: Nutzerinteraktivität hinzufügen