Time to sync up! Tune in for Google I/O on May 14, 2024. Register now.

Diese Seite wurde von der Cloud Translation API übersetzt.

Kotlin Android Fundamentals 10.1: Stile und Designs

Dieses Codelab ist Teil des Android Kotlin Fundamentals-Kurss. Sie profitieren von diesem Kurs, wenn Sie nacheinander die Codelabs durcharbeiten. Alle Kurs-Codelabs finden Sie auf der Landingpage für Kotlin-Grundlagen für Android-Entwickler.

Einführung in das Design

Der Schwerpunkt dieser Serie von Codelabs liegt auf einem der wichtigsten Aspekte der Android-Entwicklung: App-Design. Offensichtliche Aspekte des App-Designs sind Ansichten, Text, Schaltflächen, deren Position auf dem Bildschirm sowie die verwendeten Farben und Schriftarten. Hinweise für die nächsten Schritte sind ebenfalls ein wichtiger Aspekt beim Design. Die Nutzer müssen auf einen Blick erkennen können, was sie ansehen, was wichtig ist und was sie tun können.

Vergleichen Sie die beiden folgenden Bildschirme. Hinweis: Wenn du Elemente bewegst und den Fokus auf das Wesentliche stellst, kannst du dem Nutzer helfen, das Geschehen zu verstehen. Bei einfachen Displays ist gutes Design oft weniger. Bei Bildschirmen mit vielen wichtigen Informationen sind gute Informationen auf einen Blick verständlich. Während Sie an Android-Apps arbeiten, nennen Sie vielleicht das sogenannte Informationsarchitektur (IA).

Eine weitere Designebene ist die Erstellung stimmiger Nutzerabläufe oder Anwendungsfälle, damit Nutzer Aufgaben erledigen können. Diese Art von Design wird als Nutzererfahrung (UXD) bezeichnet und einige Designer haben sich darauf spezialisiert.

Hier finden Sie einige Tipps für den Einstieg eines Designers:

Anwendungsfälle definieren Geben Sie an, was Nutzer mit Ihrer App tun sollen und wie.
Design implementieren Sie können den ersten Entwurf nicht verwenden, sondern nur verbessern, wenn Sie sehen, wie echte Nutzer mit ihm interagieren.
Feedback erhalten Sie können alle Personen finden, mit denen Sie Ihre App testen können – Familienmitglieder, Freunde oder Personen, die Sie gerade in einer Google Developers-Gruppe kennengelernt haben. Bitten Sie sie, Ihre App für verschiedene Anwendungsfälle zu verwenden, wenn Sie sich ansehen und Notizen machen.
Filtern Anhand dieser Informationen können Sie die App verbessern und die App dann noch einmal testen.

Hier sind einige weitere Fragen, die Sie sich bei der Entwicklung einer guten App stellen sollten. In den vorherigen Codelabs haben Sie gelernt, wie Sie mit diesen Problemen umgehen können:

Verliert die App ihren Status, wenn der Nutzer ihr Gerät dreht?
Was passiert, wenn der Nutzer die App öffnet? Sieht der Nutzer ein Ladesymbol oder sind die Daten bereits in einem Offline-Cache verfügbar?
Ist die App auf effiziente Weise codiert und sorgt dafür, dass die App immer auf die Berührung des Nutzers reagiert?
Interagiert die App mit Back-End-Systemen so, dass dem Nutzer nie seltsame, falsche oder veraltete Daten angezeigt werden?

Wenn Sie an Apps für größere Zielgruppen arbeiten, ist es entscheidend, sie für möglichst viele Nutzer zugänglich zu machen. Beispiel:

Viele Nutzer interagieren auf verschiedene Weise mit Computersystemen. Viele Nutzer sind blind und Farben, die für einen Nutzer kontrastreich sind, funktionieren möglicherweise nicht für andere Nutzer. Viele Nutzer haben eine Sehbehinderung, z. B. weil sie Lesebrillen brauchen.
Einige Nutzer können Touchscreens nicht verwenden und sie können über andere Eingabegeräte wie Tasten interagieren.

Gutes Design ist die wichtigste Voraussetzung, um Nutzer von Ihrer App zu überzeugen.

Diese Codelabs sind zu kurz, um Ihnen alles über Design für Android zu vermitteln. Sie helfen Ihnen jedoch dabei, sich in eine gute Richtung zu bewegen und können selbst lernen und entwickeln.

Was Sie bereits wissen sollten

Sie sollten mit Folgendem vertraut sein:

Apps mit Aktivitäten und Fragmenten erstellen und zwischen Fragmenten wechseln, die Daten übergeben
Ansichten und Gruppen zur Darstellung einer Benutzeroberfläche, einschließlich RecyclerView, verwenden
Architekturkomponenten wie ViewModel mit der empfohlenen Architektur verwenden, um eine gut strukturierte und effiziente App zu erstellen
Datenbindung, Koroutinen und Umgang mit Klicks
Mit der Room-Datenbank eine lokale Verbindung zum Internet herstellen und Daten im Cache speichern
Ansichtseigenschaften festlegen
Ressourcen in XML-Ressourcendateien extrahieren und Ressourcen verwenden

Lerninhalte

Grundlagen des Stilsystems von Android
Attribute mithilfe von Attributen, Designs und Designs anpassen

Aufgaben

Design einer Auslöser-App mit Ansichtsattributen, Stilen und Designs optimieren

Die Start-App mit GDG-Finder basiert auf allen bisher gelernten Inhalten dieses Kurses.

Die App verwendet ConstraintLayout, um drei Bildschirme herauszustellen. Zwei der Bildschirme sind nur Layoutdateien, mit denen Sie auf Android-Geräten Farben und Text entdecken können.

Der dritte Bildschirm ist eine GDG-Suche. GDGs oder Google-Entwicklergruppen sind Communities von Entwicklern, die sich auf Google-Technologien konzentrieren, einschließlich Android. Auf der ganzen Welt veranstalten GDGs Treffen, Konferenzen, Jams und andere Veranstaltungen.

Bei der Entwicklung dieser App arbeiten Sie an einer echten Liste von GDGs. Im Bildschirm des Finders werden die GDGs nach Entfernung nach dem Gerät sortiert.

Wenn Sie Glück haben und in Ihrer Region einen GDG haben, können Sie sich auf der Website umsehen und sich dort für die Veranstaltungen registrieren. GDG-Events sind eine gute Möglichkeit, andere Android-Entwickler kennenzulernen und Best Practices der Branche kennenzulernen, die in den Kurs passten.

Die folgenden Screenshots zeigen, wie sich Ihre App vom Anfang bis zum Ende dieses Codelabs ändert.

Android bietet ein aussagekräftiges Designsystem, mit dem du die Darstellung aller Ansichten in deiner App steuern kannst. Um die Gestaltung zu steuern, kannst du Designs, Stile und Ansichtsattribute verwenden. Das Diagramm unten zeigt die Rangfolge der einzelnen Methoden. Im Pyramidendiagramm ist die Reihenfolge zu sehen, in der Stilmethoden vom unteren Rand nach unten angewendet werden. Wenn Sie beispielsweise die Textgröße im Design festlegen und die Textgröße dann in den Attributen der Ansicht unterschiedlich festlegen, überschreiben die Attribute der Ansicht den Stil des Designs.

Attribute ansehen

Mit Datenansichtsattributen können Sie Attribute für jede Datenansicht explizit festlegen. Ansichtsattribute können nicht wiederverwendet werden, wie es bei Stilen der Fall ist.
Sie können jede Eigenschaft verwenden, die über Stile oder Designs festgelegt werden kann.

Für benutzerdefinierte oder einmalige Designs wie Ränder, Abstände oder Beschränkungen.

Styles

Erstellen Sie mithilfe eines Stils eine Sammlung wiederverwendbarer Stilinformationen, z. B. Schriftgröße oder Farben.
Ideal zur Deklaration kleiner Sets gängiger Designs in der gesamten App.

Wenn Sie einen Stil auf mehrere Datenansichten anwenden möchten, wird der Standardstil überschrieben. Verwenden Sie beispielsweise einen Stil, um Header mit konsistentem Stil oder eine Reihe von Schaltflächen zu erstellen.

Standardstil

Das ist das Standardstil des Android-Systems.

Designs

Mit einem Design können Sie Farben für Ihre ganze App definieren.
Mit einem Design können Sie die Standardschriftart für die gesamte App festlegen.
Sie gelten für alle Ansichten, z. B. für Textaufrufe oder Optionsfelder.
Hiermit konfigurieren Sie Eigenschaften, die Sie einheitlich für die gesamte App anwenden können.

Textdarstellung

Nur für Stile mit Textattributen wie fontFamily.

Wenn Android eine Ansicht gestaltet, wird eine Kombination aus Designs, Stilen und Attributen angewendet, die Sie anpassen können. Attribute überschreiben immer alle Stile oder Designs. Stile werden immer überschrieben, wenn sie in einem Design angegeben werden.

Die Screenshots unten zeigen die GDG-Suchfunktion mit hellem Design (links) und dunklem Design (rechts) sowie benutzerdefinierten Schriftarten und Kopfzeilen. Zum Implementieren gibt es mehrere Möglichkeiten, die Sie in diesem Codelab lernen können.

In dieser Aufgabe verwenden Sie Attribute, um Überschriften für den Text im App-Layout zu formatieren.

Laden Sie die GDG-Starter-App herunter und führen Sie sie aus.
Auf dem Startbildschirm gibt es viele einheitlich formatierte Texte. Dadurch ist es schwierig, den Inhalt und die Inhalte der Seite zu ermitteln.
Öffne die home_fragment.xml-Layoutdatei.
Im Layout wird ConstraintLayout verwendet, um Elemente innerhalb einer ScrollView zu positionieren.
Beachten Sie, dass für jede Ansicht die Attribute „Einschränkung“ und „Marge“ festgelegt sind, da diese Attribute in der Regel für jede Ansicht und jeden Bildschirm angepasst werden.
Fügen Sie in der title-Textansicht ein textSize-Attribut hinzu, um die Textgröße in 24sp zu ändern.

Zur Erinnerung: sp steht für skalierungsunabhängige Pixel, die sowohl durch die Pixeldichte als auch durch die Schriftgröße angepasst werden, die der Nutzer in den Geräteeinstellungen festlegt. Android ermittelt, wie groß der Text auf dem Bildschirm sein sollte, wenn er den Text zeichnet. Verwenden Sie für Textgrößen immer sp.

<TextView
       android:id="@+id/title"
...

android:textSize="24sp"

Setze die textColor der Textansicht für title auf undurchsichtig, indem du sie auf einen RGB-Wert von #FF555555 setzt.

<TextView
       android:id="@+id/title"
...

android:textColor="#FF555555"

Um den Tab Vorschau in Android Studio zu öffnen, wählen Sie Ansicht > Tool-Windows > Vorschau aus oder klicken Sie rechts im Layouteditor auf die vertikale Vorschau-Schaltfläche. Prüfen Sie in der Vorschau, ob der Titel grau und größer als vorher ist (siehe unten).

Passen Sie den Stil des Untertitels an, sodass er dieselbe Farbe wie die Kopfzeile hat, mit einer kleineren Schriftart (18sp). Der Standard-Alphawert ist FF, undurchsichtig. Sie können den Alphawert weglassen, wenn Sie ihn nicht ändern.

<TextView
       android:id="@+id/subtitle"
...
android:textSize="18sp"
android:textColor="#555555"

In diesem Codelab sollen die Apps professionell wirken, damit sie aber auch willkürlich aussehen. Sie können sie aber nach Belieben gestalten. Testen Sie die folgenden Attribute für die Textansicht „subtitle“. Auf dem Tab Vorschau sehen Sie, wie sich die Darstellung Ihrer App ändert. Entfernen Sie dann diese Attribute.

<TextView
       android:id="@+id/subtitle"
       ...
       android:textAllCaps="true"
       android:textStyle="bold"
       android:background="#ff9999"

Vergessen Sie nicht, die Attribute textAllCaps, textStyle und background aus der Ansicht subtitle rückgängig zu machen, bevor Sie fortfahren.
Wenn Sie Ihre App ausführen, sollte sie bereits besser aussehen.

Wenn Sie Schriftarten in Ihrer App verwenden, können Sie die erforderlichen Schriftartendateien als Teil Ihres APK versenden. Diese Lösung ist normalerweise nicht empfehlenswert, da sie das Herunterladen und Installieren der App länger dauert.

Mit Android können Apps zur Laufzeit Schriftarten über die Downloadable Fonts-API herunterladen. Wenn deine App dieselbe Schriftart wie eine andere App auf dem Gerät verwendet, lädt Android die Schriftart nur einmal herunter, sodass Speicherplatz auf dem Gerät gespeichert wird.

Dazu verwenden Sie herunterladbare Schriftarten, mit denen Sie die Schriftarten aller Ansichten in Ihrer App festlegen können, die für das Design verwendet werden.

Schritt 1: Herunterladbare Schriftart anwenden

Öffnen Sie home_fragment.xml auf dem Tab Design.
Wählen Sie im Bereich Baumstruktur die Textansicht title aus.
Suchen Sie im Bereich Attribute nach dem Attribut fontFamily. Sie können sie im Bereich Alle Attribute abrufen oder einfach danach suchen.
Klicken Sie auf den Drop-down-Pfeil.
Scrollen Sie zu Weitere Schriftarten und wählen Sie sie aus. Das Fenster Ressourcen wird geöffnet.

Suchen Sie im Fenster Ressourcen nach lobster oder nur lo.
Wähle in den Ergebnissen Hummer 2 aus.
Klicken Sie rechts unter dem Namen der Schriftart auf das Optionsfeld Herunterladbare Schriftart erstellen. Klicken Sie auf OK.
Öffnen Sie die Android-Manifest-Datei.
Suchen Sie unten im Manifest nach dem neuen Tag <meta-data>, bei dem die Attribute name und resource auf "preloaded_fonts" gesetzt sind. Dieses Tag weist Google Play-Dienste an, dass diese App heruntergeladene Schriftarten verwenden möchte. Wenn Ihre App ausgeführt wird und die Schriftart „Lobster Zwei“ anfordert, wird die Schriftart aus dem Internet heruntergeladen, sofern die Schriftart nicht bereits auf dem Gerät verfügbar ist.

<meta-data android:name="preloaded_fonts" android:resource="@array/preloaded_fonts"/>

Suchen Sie im Ordner res/values nach der Datei preloaded_fonts.xml. Diese definiert das Array, in dem alle herunterladbaren Schriftarten für diese App aufgelistet werden.
Entsprechend enthält die Datei res/fonts/lobster_two.xml Informationen zur Schriftart.
Öffnen Sie home_fragment.xml und stellen Sie im Code fest, dass die Schriftart „Hummer 2“ auf die title TextView und damit auf den Titel angewendet wird.

Öffnen Sie res/values/styles.xml und prüfen Sie das standardmäßige AppTheme-Design, das für das Projekt erstellt wurde. Sie sieht momentan so aus: Wenn Sie die neue Schriftart"Hummer"auf den gesamten Text anwenden möchten, müssen Sie das Design aktualisieren.
Beachten Sie im <style>-Tag das Attribut parent. Für jedes Stil-Tag kann ein übergeordnetes Element festgelegt werden, das alle Attribute des übergeordneten Elements übernimmt. Der Code gibt die Theme an, die von den Android-Bibliotheken definiert wurde. Mit dem MaterialComponents-Design wird alles von der Funktionsweise der Schaltflächen bis zum Zeichnen von Symbolleisten angegeben. Das Design verfügt über sinnvolle Standardeinstellungen, sodass Sie nur die gewünschten Teile anpassen können. In der App wird die Light-Version dieses Designs ohne Aktionsleiste (NoActionBar) verwendet, wie im Screenshot oben zu sehen ist.

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
   <!-- Customize your theme here. -->
   <item name="colorPrimary">@color/colorPrimary</item>
   <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
   <item name="colorAccent">@color/colorAccent</item>
</style>

Lege im Stil von AppTheme die Schriftfamilie auf lobster_two fest. Sie müssen sowohl android:fontFamily als auch fontFamily festlegen, weil das übergeordnete Design beide verwendet. Auf dem Tab Design sehen Sie home_fragment.xml, wie Sie Ihre Änderungen in der Vorschau ansehen können.

<style name="AppTheme"  
...    
        <item name="android:fontFamily">@font/lobster_two</item>
        <item name="fontFamily">@font/lobster_two</item>

Führen Sie die App noch einmal aus. Die neue Schriftart wird für den gesamten Text verwendet. Öffnen Sie die Navigationsleiste und wechseln Sie zu den anderen Bildschirmen. Sie werden sehen, dass auch die Schriftart dort angewendet wird.

Schritt 2: Design auf den Titel anwenden

Suchen Sie in home_fragment.xml nach der Textansicht title, die das Attribut für die Schriftart lobster_two enthält. Löschen Sie das Attribut fontFamily und führen Sie die App aus, da das Design nicht dieselbe Schriftfamilie festlegt.
Verschieben Sie ein anderes fontFamily-Attribut zurück in die title-Textansicht:
app:fontFamily="serif-monospace"Achten Sie darauf, dass es im app-Leerzeichen steht.

<TextView
       android:id="@+id/title"
       ...
       app:fontFamily="serif-monospace"

Wenn Sie die App ausführen, sehen Sie, dass das Design der Ansicht das Design überschreibt.

Entfernen Sie das fontFamily-Attribut aus der Textansicht von title.

Designs sind ideal für allgemeine Designs wie Apps oder Standardfarben. Attribute eignen sich sehr gut für die Gestaltung einer bestimmten Ansicht und für das Hinzufügen von Layoutinformationen wie Rändern, Abständen und Beschränkungen, die in der Regel für den jeweiligen Bildschirm gelten.

In der Mitte der Stilhierarchie sehen Sie Stile. Stile sind wiederverwendbare Attribute der Gruppen, die Sie auf Ansichten Ihrer Wahl anwenden können. In dieser Aufgabe verwenden Sie einen Stil für den Titel und den Untertitel.

Schritt 1: Stil erstellen

Öffnen Sie res/values/styles.xml.
Definieren Sie innerhalb des <resources>-Tags mithilfe des Tags <style> ein neues Design, wie unten gezeigt.

<style name="TextAppearance.Title" parent="TextAppearance.MaterialComponents.Headline6">
</style>

Es ist wichtig, dass Sie sich Stilnamen als semantisch vorstellen, wenn Sie sie benennen. Wählen Sie einen Stilnamen basierend auf dem Stil aus, der für den Stil verwendet werden soll, und nicht auf den Eigenschaften, für die der Stil gilt. Nennen Sie beispielsweise den Stil Title, nicht LargeFontInGrey. Dieser Stil wird für jeden Titel in der App verwendet. Konventionsgemäß TextAppearance-Designs heißen TextAppearance.Name. In diesem Fall lautet der Name TextAppearance.Title.

Der Stil hat ein übergeordnetes Element, ebenso wie ein Design einen übergeordneten Bereich haben kann. Dieses Mal wird aber nicht, statt ein Design zu verlängern, auch der Stil TextAppearance.MaterialComponents.Headline6. Das ist ein Standardtextstil für das Design „MaterialComponents“. Wenn Sie ihn erweitern, wird der Standardstil nicht geändert, sondern Sie ändern ihn.

Definieren Sie innerhalb des neuen Stils zwei Elemente. Legen Sie in einem Element textSize auf 24sp fest. Für den anderen Artikel setzen Sie textColor auf denselben dunkelgrauen Wert wie zuvor.

 <item name="android:textSize">24sp</item>
 <item name="android:textColor">#555555</item>

Definieren Sie einen anderen Stil für die Untertitel. Nennen Sie es TextAppearance.Subtitle.
Da der einzige Unterschied zu TextAppearance.Title in der Textgröße enthalten ist, muss der Stil TextAppearance.Title untergeordnet sein.
Lege im Subtitle-Format die Textgröße auf 18sp fest. Hier ist der fertige Stil:

<style name="TextAppearance.Subtitle" parent="TextAppearance.Title" >
   <item name="android:textSize">18sp</item>
</style>

Schritt 2: Eigenes Design anwenden

Füge in home_fragment.xmldie TextAppearance hinzu.Title-Stil zur title-Textansicht hinzu. Löschen Sie die Attribute textSize und textColor.

Designs überschreiben alle TextAppearance-Stile, die Sie festgelegt haben. Das Pyramidendiagramm am Anfang des Codelabs zeigt die Reihenfolge, in der der Stil angewendet wird. Verwende die textAppearance-Property, um den Stil als TextAppearance zu übernehmen, sodass die in Theme festgelegte Schriftart von der hier festgelegten Schriftart überschrieben wird.

<TextView
       android:id="@+id/title"
       android:textAppearance="@style/TextAppearance.Title"

Füge außerdem das TextAppearance.Subtitle-Design zur Textansicht subtitle hinzu und lösche die Attribute textSize und textColor. Sie müssen diesen Stil auch als textAppearance anwenden, damit die im Design festgelegte Schriftart die hier festgelegte überschreibt.

<TextView
       android:id="@+id/subtitle"
       android:textAppearance="@style/TextAppearance.Subtitle"

Wenn Sie die App ausführen, ist der Text nun einheitlich formatiert.

Android Studio-Projekt: GDGFinderStyles.

Designs, Stile und Attribute für Datenansichten verwenden, um die Darstellung der Ansichten zu ändern
Designs wirken sich auf das Design Ihrer gesamten App aus und haben viele vordefinierte Werte für Farben, Schriftarten und Schriftgrößen.
Ein Attribut gilt für die Ansicht, in der das Attribut festgelegt ist. Verwenden Sie Attribute, wenn Sie einen Stil verwenden, der nur für eine Ansicht gilt, z. B. Abstand, Ränder und Beschränkungen.
Stile sind Gruppen von Attributen, die von mehreren Ansichten verwendet werden können. Beispielsweise können Sie einen Stil für alle Inhaltsüberschriften, Schaltflächen oder Textansichten festlegen.
Designs und Stile werden aus dem übergeordneten Design übernommen. Sie können eine Hierarchie von Stilen erstellen.
Attributwerte, die in Ansichten festgelegt werden, überschreiben Stile. Stile überschreiben den Standardstil. Stile überschreiben Designs. Designs überschreiben alle Stile, die von der Property textAppearance festgelegt wurden.

Definieren Sie Stile in der Ressourcendatei styles.xml mit den Tags <style> und <item>.

<style name="TextAppearance.Subtitle" parent="TextAppearance.Title" >
   <item name="android:textSize">18sp</item>
</style>

Mit herunterladbaren Schriftarten stehen Nutzern Optionen zur Verfügung, ohne die APK-Größe zu vergrößern. So fügen Sie eine herunterladbare Schriftart für eine Datenansicht hinzu:

Wählen Sie die Ansicht auf dem Tab Design und dann im Drop-down-Menü des Attributs fontFamily die Option Weitere Schriftarten aus.
Suchen Sie im Dialogfeld Ressourcen eine Schriftart und wählen Sie das Optionsfeld Herunterladbare Schriftart erstellen aus.
Überprüfe, ob das Android-Manifest ein Meta-Daten-Tag für vorab geladene Schriftarten enthält.

Wenn die App eine Schriftart anfordert und die Schriftart noch nicht verfügbar ist, wird die Schriftart aus dem Internet heruntergeladen.

Android-Entwicklerdokumentation:

Weitere Informationen:

Wie sieht Ihr Text aus?
Hexadezimal
Android-Apps mit Kotlin entwickeln (Udacity-Kurs)
Kotlin Bootcamp für Programmierer (Udacity-Kurs)
Kotlin-Bootcamp für Programmierer

In diesem Abschnitt werden mögliche Hausaufgaben für Schüler oder Studenten aufgeführt, die an diesem von einem Kursleiter geleiteten Codelab arbeiten. Die Lehrkraft kann Folgendes tun:

Bei Bedarf können Sie die entsprechenden Aufgaben zuweisen.
Schülern mitteilen, wie sie Aufgaben für die Aufgabe abgeben
Benoten Sie die Hausaufgaben.

Lehrkräfte können diese Vorschläge so oft oder so oft verwenden, wie sie möchten. anderen Aufgaben können sie nach Belieben zugewiesen werden.

Wenn Sie alleine an diesem Codelab arbeiten, können Sie Ihr Wissen mit diesen Hausaufgaben testen.

Diese Fragen beantworten

Frage 1

Mit welchem Tag werden Designs definiert?

▢ <style>

▢ <theme>

▢ <meta-tag>

▢ <styling>

Frage 2

Welche der folgenden Optionen ist KEINE gute Verwendung von Stilen?

▢ Geben Sie die Beschränkungen einer Datenansicht an.

▢ Geben Sie die Hintergrundfarbe der Überschriften an.

▢ Vereinheitlichen Sie die Schriftgröße für verschiedene Aufrufe.

▢ Geben Sie die Textfarbe für eine Gruppe von Ansichten an.

Frage 3

Was ist der Unterschied zwischen Designs und Stilen?

▢ Designs sind für die gesamte App verfügbar, für bestimmte Ansichten hingegen schon.

▢ Designs können nicht von anderen Designs übernommen werden, Designs können aber aus anderen Designs übernommen werden.

▢ Stile können nicht von anderen Designs übernommen werden, Designs können aber von anderen Designs übernommen werden.

▢ Das Design des Android-Systems entspricht dem Design, der Stil wird vom Entwickler festgelegt.

Frage 4

Wenn eine TextView in deiner App einen Theme hat, der die Schriftgröße auf 12sp setzt, einen definierten Stil, der sie auf 14sp setzt, und ein fontSize-Attribut von 16sp, wie groß ist die auf dem Bildschirm angezeigte Schriftart?

▢ 12sp

▢ 14sp

▢ 16sp

▢ 18sp

Beginnen Sie mit der nächsten Lektion: 10.2: Material Design, Abmessungen und Farben

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