Grundlagen von Android und Kotlin 10.1: Stile und Designs

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.

Einführung in das Design

In dieser Reihe von Codelabs geht es um einen der wichtigsten Aspekte der Android-Entwicklung: das App-Design. Offensichtliche Aspekte des App-Designs sind Ansichten, Text und Schaltflächen sowie deren Position auf dem Bildschirm und die verwendeten Farben und Schriftarten. Hinweise für den Nutzer, was er als Nächstes tun soll, sind ebenfalls ein wesentlicher Aspekt des Designs. Nutzer müssen auf einen Blick erkennen können, was sie sehen, was wichtig ist und was sie tun können.

Vergleichen Sie die beiden Screenshots unten. Durch das Verschieben von Elementen und das Hervorheben wichtiger Informationen können Sie dem Nutzer helfen, zu verstehen, was passiert. Bei einfachen Bildschirmen bedeutet gutes Design oft, weniger anzuzeigen. Auf Bildschirmen mit vielen wichtigen Informationen sorgt ein gutes Design dafür, dass sich diese Informationen auf einen Blick erfassen lassen. Wenn Sie an Android-Apps arbeiten, hören Sie möglicherweise den Begriff Informationsarchitektur (IA).

Eine weitere Designebene ist das Erstellen von zusammenhängenden User Flows oder Anwendungsfällen, mit denen Nutzer Aufgaben erledigen können. Diese Form des Designs wird als User Experience Design (UXD) bezeichnet und einige Designer sind darauf spezialisiert.

Wenn Sie keinen Designer haben, finden Sie hier einige Tipps für den Einstieg:

  • Anwendungsfälle definieren Beschreiben Sie, was Nutzer mit Ihrer App erreichen sollen und wie.
  • Design implementieren Hängen Sie nicht an Ihrem ersten Entwurf. Er muss nur „gut genug“ sein, da Sie ihn ändern werden, nachdem Sie gesehen haben, wie echte Nutzer damit interagieren.
  • Feedback einholen Suchen Sie sich Personen, die Ihre App testen können – Ihre Familie, Freunde oder sogar Personen, die Sie gerade erst bei einer Google Developer Group kennengelernt haben. Bitten Sie sie, einen Anwendungsfall mit Ihrer App durchzuführen, während Sie zusehen und detaillierte Notizen machen.
  • Präzisiere! Nutzen Sie diese Informationen, um die App zu verbessern, und testen Sie sie dann noch einmal.

Hier sind einige weitere Fragen, die Sie sich beim Entwerfen einer großartigen App stellen sollten. In den vorherigen Codelabs haben Sie Techniken zur Behebung dieser Probleme kennengelernt:

  • Verliert die App ihren Status, wenn der Nutzer sein Gerät dreht?
  • Was passiert, wenn der Nutzer die App öffnet? Sieht der Nutzer ein rotierendes Ladesymbol oder sind die Daten in einem Offlinecache verfügbar?
  • Ist die App so programmiert, dass sie effizient ist und immer auf Berührungen des Nutzers reagiert?
  • Interagiert die App mit Backend-Systemen so, dass dem Nutzer niemals seltsame, falsche oder veraltete Daten präsentiert werden?

Wenn Sie Apps für ein großes Publikum entwickeln, ist es wichtig, dass Ihre Apps für möglichst viele Nutzer zugänglich sind. Beispiel:

  • Viele Nutzer interagieren auf unterschiedliche Weise mit Computersystemen. Viele Nutzer sind farbenblind. Farben, die für einen Nutzer kontrastreich sind, funktionieren möglicherweise für einen anderen nicht. Viele Nutzer haben Sehbeeinträchtigungen, die von einer Lesebrille bis hin zur Blindheit reichen.
  • Einige Nutzer können keine Touchscreens verwenden und interagieren über andere Eingabegeräte wie Tasten.

Gutes Design ist der wichtigste Faktor, um Nutzer für Ihre App zu gewinnen.

Diese Codelabs sind zu kurz, um Ihnen alles über das Design für Android beizubringen. Sie bieten jedoch einen guten Einstieg und Sie können selbstständig weiterlernen und sich weiterentwickeln.

Was Sie bereits wissen sollten

Sie sollten mit Folgendem vertraut sein:

  • Apps mit Aktivitäten und Fragmenten erstellen und zwischen Fragmenten navigieren, wobei Daten übergeben werden
  • Ansichten und Ansichtsgruppen zum Gestalten einer Benutzeroberfläche verwenden, einschließlich RecyclerView
  • Verwendung von Architekturkomponenten, einschließlich ViewModel, mit der empfohlenen Architektur zum Erstellen einer gut strukturierten und effizienten App
  • Datenbindung, Coroutinen und Verarbeitung von Klicks
  • Mit dem Internet verbinden und Daten mithilfe einer Room-Datenbank lokal zwischenspeichern
  • Ansichtseigenschaften festlegen
  • Ressourcen in XML-Ressourcendateien extrahieren und verwenden

Lerninhalte

  • Grundlagen des Android-Stilsystems
  • Attribute, Stile und Designs zum Anpassen Ihrer App verwenden

Aufgaben

  • Design einer Starter-App mit Ansichtsattributen, Stilen und Designs verbessern

Die GDG-Finder-Starter-App basiert auf allem, was Sie bisher in diesem Kurs gelernt haben.

Die App verwendet ConstraintLayout, um drei Bildschirme zu gestalten. Zwei der Bildschirme sind nur Layoutdateien, mit denen Sie Farben und Text in Android untersuchen können.

Auf dem dritten Bildschirm ist eine GDG-Suchfunktion zu sehen. GDGs (Google Developer Groups) sind Communitys von Entwicklern, die sich auf Google-Technologien wie Android konzentrieren. GDGs auf der ganzen Welt veranstalten Meetups, Konferenzen, Study Jams und andere Events.

Während Sie diese App entwickeln, arbeiten Sie mit der tatsächlichen Liste der GDGs. Auf dem Finder-Bildschirm wird der Standort des Geräts verwendet, um die GDGs nach Entfernung zu sortieren.

Wenn Sie Glück haben und es in Ihrer Region eine GDG gibt, können Sie sich auf der Website informieren und sich für die Veranstaltungen anmelden. GDG-Veranstaltungen sind eine gute Möglichkeit, andere Android-Entwickler kennenzulernen und Best Practices der Branche zu lernen, die in diesem Kurs nicht behandelt wurden.

Die Screenshots unten zeigen, wie sich Ihre App im Laufe dieses Codelabs verändert.

Android bietet ein umfangreiches Formatierungssystem, mit dem Sie das Erscheinungsbild aller Ansichten in Ihrer App steuern können. Sie können Formatierungen mit Themes, Stilen und Ansichtsattributen festlegen. Das folgende Diagramm fasst die Priorität der einzelnen Formatierungsmethoden zusammen. Das Pyramidendiagramm zeigt die Reihenfolge, in der Styling-Methoden vom System angewendet werden, von unten nach oben. Wenn Sie beispielsweise die Textgröße im Theme festlegen und dann in den Ansichtsattributen eine andere Textgröße angeben, wird die Theme-Formatierung durch die Ansichtsattribute überschrieben.

Attribute ansehen

  • Mit Ansichtsattributen können Sie Attribute explizit für jede Ansicht festlegen. Ansichtsattribute sind nicht wiederverwendbar, wie es bei Stilen der Fall ist.
  • Sie können jede Eigenschaft verwenden, die über Stile oder Themes festgelegt werden kann.

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

Stile

  • Mit einem Stil können Sie eine Sammlung wiederverwendbarer Formatierungsinformationen wie Schriftgröße oder Farben erstellen.
  • Gut geeignet, um kleine Gruppen von gängigen Designs zu deklarieren, die in Ihrer App verwendet werden.

Sie können einen Stil auf mehrere Ansichten anwenden und so den Standardstil überschreiben. Sie können beispielsweise einen Stil verwenden, um Überschriften oder eine Reihe von Schaltflächen einheitlich zu gestalten.

Standardstil

  • Dies ist die Standardformatierung des Android-Systems.

Designs

  • Mit einem Design können Sie Farben für Ihre gesamte App definieren.
  • Mit einem Design können Sie die Standardschriftart für die gesamte App festlegen.
  • Gilt für alle Ansichten, z. B. Textansichten oder Optionsfelder.
  • Hiermit können Sie Eigenschaften konfigurieren, die für die gesamte App einheitlich angewendet werden können.

TextAppearance

  • Für das Styling mit nur Textattributen, z. B. fontFamily.

Wenn Android eine Ansicht gestaltet, wird eine Kombination aus Themes, Stilen und Attributen angewendet, die Sie anpassen können. Attribute überschreiben immer alle Angaben in einem Stil oder Design. Stile überschreiben immer alle Angaben in einem Theme.

Die Screenshots unten zeigen die GDG-Finder-App mit hellem Design (links) und dunklem Design (rechts) sowie mit einer benutzerdefinierten Schriftart und benutzerdefinierten Überschriftengrößen. Dafür gibt es verschiedene Möglichkeiten, von denen Sie in diesem Codelab einige kennenlernen.

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

  1. Laden Sie die GDG-Finder-Start-App herunter und führen Sie sie aus.
  2. Auf dem Startbildschirm ist viel Text in einheitlicher Formatierung zu sehen. Dadurch ist es schwer zu erkennen, worum es auf der Seite geht und was wichtig ist.
  3. Öffnen Sie die Layoutdatei home_fragment.xml.
  4. Beachten Sie, dass im Layout ConstraintLayout verwendet wird, um Elemente in einem ScrollView zu positionieren.
  5. Beachten Sie, dass die Layoutattribute für Einschränkungen und Ränder für jede Ansicht in der Ansicht festgelegt werden, da diese Attribute in der Regel für jede Ansicht und jeden Bildschirm angepasst werden.
  6. Fügen Sie in der Textansicht title das Attribut textSize hinzu, um die Textgröße auf 24sp zu ändern.

    Zur Erinnerung: sp steht für skalierungsunabhängige Pixel, die sowohl durch die Pixeldichte als auch durch die Schriftgrößeneinstellung skaliert werden, die der Nutzer in den Geräteeinstellungen festlegt. Android berechnet, wie groß der Text auf dem Bildschirm sein soll, wenn er gerendert wird. Verwenden Sie immer sp für Textgrößen.
<TextView
       android:id="@+id/title"
...

android:textSize="24sp"
  1. Legen Sie die textColor der Textansicht title auf undurchsichtiges Grau fest, indem Sie sie auf den aRGB-Wert #FF555555 setzen.
<TextView
       android:id="@+id/title"
...

android:textColor="#FF555555"
  1. Wenn Sie den Tab Vorschau in Android Studio öffnen möchten, wählen Sie Ansicht > Tool-Fenster > Vorschau aus oder klicken Sie am rechten Rand des Layout-Editors auf die vertikale Schaltfläche Vorschau. Prüfen Sie in der Vorschau, ob der Titel grau und größer als zuvor ist (siehe unten).

  1. Weisen Sie der Untertitelüberschrift die gleiche Farbe wie der Überschrift zu, aber mit einer kleineren Schriftart, 18sp. Der Standard-Alphawert ist FF (deckend). Sie können den Alphawert weglassen, wenn Sie ihn nicht ändern.
<TextView
       android:id="@+id/subtitle"
...
android:textSize="18sp"
android:textColor="#555555"

  1. In diesem Codelab soll die App ein wenig verspielt, aber dennoch professionell aussehen. Sie können sie aber auch ganz nach Belieben gestalten. Probieren Sie die folgenden Attribute für die Textansicht subtitle aus. Auf dem Tab Vorschau können Sie sehen, wie sich das Erscheinungsbild Ihrer App ändert. Entfernen Sie diese Attribute.
<TextView
       android:id="@+id/subtitle"
       ...
       android:textAllCaps="true"
       android:textStyle="bold"
       android:background="#ff9999"
  1. Vergessen Sie nicht, die Attribute textAllCaps, textStyle und background aus der Ansicht subtitle zu entfernen, bevor Sie fortfahren.
  2. Führen Sie die App aus. Sie sollte jetzt schon besser aussehen.

Wenn Sie Schriftarten in Ihrer App verwenden, können Sie die erforderlichen Schriftartdateien als Teil Ihres APK bereitstellen. Diese Lösung ist zwar einfach, wird aber in der Regel nicht empfohlen, da das Herunterladen und Installieren Ihrer App länger dauert.

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

In dieser Aufgabe verwenden Sie herunterladbare Schriftarten, um die Schriftart jeder Ansicht in Ihrer App festzulegen, die das Theme verwendet.

Schritt 1: Herunterladbare Schriftart anwenden

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

  1. Suchen Sie im Fenster Ressourcen nach lobster oder einfach nach lo.
  2. Wählen Sie in den Ergebnissen Lobster Two aus.
  3. Klicken Sie rechts unter dem Schriftartnamen auf das Optionsfeld Herunterladbare Schriftart erstellen. Klicken Sie auf OK.
  4. Öffnen Sie die Android-Manifestdatei.
  5. Suchen Sie im Manifest unten nach dem neuen <meta-data>-Tag, bei dem die Attribute name und resource auf "preloaded_fonts" festgelegt sind. Dieses Tag weist die Google Play-Dienste darauf hin, dass diese App heruntergeladene Schriftarten verwenden möchte. Wenn Ihre App ausgeführt wird und die Schriftart „Lobster Two“ anfordert, lädt der Schriftartanbieter die Schriftart aus dem Internet herunter, sofern sie nicht bereits auf dem Gerät verfügbar ist.
<meta-data android:name="preloaded_fonts" android:resource="@array/preloaded_fonts"/>
  1. Suchen Sie im Ordner res/values nach der Datei preloaded_fonts.xml, in der das Array definiert ist, in dem alle herunterladbaren Schriftarten für diese App aufgeführt sind.
  2. Ebenso enthält die Datei res/fonts/lobster_two.xml Informationen zur Schriftart.
  3. Öffnen Sie home_fragment.xml. Im Code und in der Vorschau sehen Sie, dass die Schriftart „Lobster Two“ auf title TextView angewendet wird und somit auch auf den Titel.

  1. Öffnen Sie res/values/styles.xml und sehen Sie sich das Standarddesign AppTheme an, das für das Projekt erstellt wurde. Derzeit sieht es so aus: Wenn Sie die neue Schriftart „Lobster Two“ auf den gesamten Text anwenden möchten, müssen Sie dieses Design aktualisieren.
  2. Beachten Sie im <style>-Tag das Attribut parent. In jedem Style-Tag kann ein übergeordnetes Element angegeben werden, dessen Attribute übernommen werden. Der Code gibt die Theme an, die von den Android-Bibliotheken definiert werden. Das MaterialComponents-Design, das alles festlegt, von der Funktionsweise von Schaltflächen bis hin zum Zeichnen von Symbolleisten. Das Theme hat sinnvolle Standardeinstellungen, sodass Sie nur die gewünschten Teile anpassen müssen. Die App verwendet die Light-Version dieses Designs ohne die Aktionsleiste (NoActionBar), 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>
  1. Legen Sie im Stil AppTheme die Schriftfamilie auf lobster_two fest. Sie müssen sowohl android:fontFamily als auch fontFamily festlegen, da das übergeordnete Theme beide verwendet. Auf dem Tab Design können Sie sich home_fragment.xml ansehen, um eine Vorschau Ihrer Änderungen zu sehen.
<style name="AppTheme"  
...    
        <item name="android:fontFamily">@font/lobster_two</item>
        <item name="fontFamily">@font/lobster_two</item>
  1. Starten Sie die App noch einmal. Die neue Schriftart wird auf den gesamten Text angewendet. Öffnen Sie die Navigationsleiste und wechseln Sie zu den anderen Bildschirmen. Sie werden sehen, dass die Schriftart auch dort angewendet wird.

Schritt 2: Design auf den Titel anwenden

  1. 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 im Design dieselbe Schriftfamilie festgelegt ist, ändert sich nichts.
  2. Fügen Sie ein anderes fontFamily-Attribut wieder in die title-Textansicht ein:
    app:fontFamily="serif-monospace"
    Achten Sie darauf, dass es sich im app-Bereich befindet.
<TextView
       android:id="@+id/title"
       ...
       app:fontFamily="serif-monospace"
  1. Wenn Sie die App ausführen, sehen Sie, dass das Attribut, das für die Ansicht lokal ist, das Design überschreibt.
  1. Entfernen Sie das Attribut fontFamily aus der Textansicht title.

Mit Themes können Sie Ihrer App ein allgemeines Design zuweisen, z. B. eine Standardschriftart und Primärfarben. Attribute eignen sich hervorragend, um eine bestimmte Ansicht zu gestalten und Layoutinformationen wie Ränder, Innenabstände und Einschränkungen hinzuzufügen, die in der Regel für jeden Bildschirm spezifisch sind.

In der Mitte der Stilhierarchie-Pyramide befinden sich Stile. Stile sind wiederverwendbare „Gruppen“ von Attributen, die Sie auf beliebige Ansichten anwenden können. In dieser Aufgabe verwenden Sie einen Stil für den Titel und Untertitel.

Schritt 1: Stil erstellen

  1. Öffnen Sie res/values/styles.xml.
  2. Definieren Sie innerhalb des <resources>-Tags einen neuen Stil mit dem <style>-Tag, wie unten dargestellt.
<style name="TextAppearance.Title" parent="TextAppearance.MaterialComponents.Headline6">
</style>

Beim Benennen von Stilen ist es wichtig, dass Sie sie als semantisch betrachten. Wählen Sie einen Stilnamen basierend darauf aus, wofür der Stil verwendet wird, nicht basierend auf den Eigenschaften, die der Stil beeinflusst. Nennen Sie den Stil beispielsweise Title und nicht LargeFontInGrey. Dieser Stil wird für alle Titel in Ihrer App verwendet. In der Regel werden TextAppearance-Stile als TextAppearance.Name bezeichnet. In diesem Fall lautet der Name also TextAppearance.Title.

Der Stil hat ein übergeordnetes Element, genau wie ein Theme. Diesmal wird jedoch kein Design erweitert, sondern ein Stil, TextAppearance.MaterialComponents.Headline6. Dieses Design ist ein Standardtextdesign für das MaterialComponents-Design. Wenn Sie es erweitern, ändern Sie also das Standarddesign, anstatt von Grund auf neu zu beginnen.

  1. Definieren Sie im neuen Stil zwei Elemente. Legen Sie in einem Element textSize auf 24sp fest. Legen Sie für das andere Element die textColor auf dasselbe Dunkelgrau wie zuvor fest.
 <item name="android:textSize">24sp</item>
 <item name="android:textColor">#555555</item>
  1. Definieren Sie einen anderen Stil für die Untertitel. Nennen Sie es TextAppearance.Subtitle.
  2. Da sich dieser Stil nur in der Textgröße von TextAppearance.Title unterscheidet, sollte er ein untergeordneter Stil von TextAppearance.Title sein.
  3. Legen Sie im Subtitle-Stil die Textgröße auf 18sp fest. So sieht der fertige Stil aus:
<style name="TextAppearance.Subtitle" parent="TextAppearance.Title" >
   <item name="android:textSize">18sp</item>
</style>

Schritt 2: Erstellten Stil anwenden

  1. Fügen Sie in home_fragment.xml die TextAppearance ein.Title-Stil auf die Textansicht title anwenden Löschen Sie die Attribute textSize und textColor.

    Designs überschreiben alle von Ihnen festgelegten TextAppearance-Formatierungen. Das Pyramidendiagramm am Anfang des Codelabs zeigt die Reihenfolge, in der das Styling angewendet wird. Verwenden Sie die textAppearance-Eigenschaft, um den Stil als TextAppearance anzuwenden. So wird die hier festgelegte Schriftart durch die in Theme festgelegte Schriftart überschrieben.
<TextView
       android:id="@+id/title"
       android:textAppearance="@style/TextAppearance.Title"
  1. Fügen Sie außerdem den Stil TextAppearance.Subtitle der Textansicht subtitle hinzu und löschen Sie die Attribute textSize und textColor. Sie müssen diesen Stil auch als textAppearance anwenden, damit die im Theme festgelegte Schriftart die hier festgelegte Schriftart überschreibt.
<TextView
       android:id="@+id/subtitle"
       android:textAppearance="@style/TextAppearance.Subtitle"
  1. Führen Sie die App aus. Ihr Text wird jetzt einheitlich formatiert.

Android Studio-Projekt: GDGFinderStyles.

  • Mit Designs, Formatierungen und Attributen für Ansichten können Sie das Aussehen von Ansichten ändern.
  • Designs wirken sich auf das Styling Ihrer gesamten App aus und enthalten viele voreingestellte Werte für Farben, Schriftarten und Schriftgrößen.
  • Ein Attribut gilt für die Ansicht, in der es festgelegt ist. Verwenden Sie Attribute, wenn Sie Formatierungen haben, die nur für eine Ansicht gelten, z. B. Padding, Ränder und Einschränkungen.
  • Stile sind Gruppen von Attributen, die von mehreren Ansichten verwendet werden können. Sie können beispielsweise einen Stil für alle Content-Überschriften, Schaltflächen oder Textansichten festlegen.
  • Designs und Formatvorlagen werden vom übergeordneten Design oder der übergeordneten Formatvorlage ü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 Formatierungen, die durch die textAppearance-Eigenschaft 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>

Wenn Sie herunterladbare Schriftarten verwenden, sind Schriftarten für Nutzer verfügbar, ohne dass die Größe Ihres APKs zunimmt. So fügen Sie einer Ansicht eine herunterladbare Schriftart hinzu:

  1. Wählen Sie die Ansicht auf dem Tab Design aus und wählen Sie im Drop-down-Menü des Attributs fontFamily die Option Weitere Schriftarten aus.
  2. Suchen Sie im Dialogfeld Ressourcen nach einer Schriftart und wählen Sie das Optionsfeld Herunterladbare Schriftart erstellen aus.
  3. Prüfen Sie, ob das Android-Manifest ein Meta-Data-Tag für vorab geladene Schriftarten enthält.

Wenn die App zum ersten Mal eine Schriftart anfordert und die Schriftart noch nicht verfügbar ist, lädt der Schriftartanbieter sie aus dem Internet herunter.

Android-Entwicklerdokumentation:

Weitere Ressourcen:

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

Welches Tag wird zum Definieren von Themen verwendet?

▢ <style>

▢ <theme>

▢ <meta-tag>

▢ <styling>

Frage 2

Welche der folgenden Optionen ist KEINE gute Verwendung von Formatvorlagen?

▢ Beschränkungen für eine Ansicht festlegen

▢ Geben Sie die Hintergrundfarbe von Überschriften an.

▢ Schriftgröße für alle Ansichten vereinheitlichen

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

Frage 3

Was ist der Unterschied zwischen Designs und Stilen?

▢ Designs gelten für die gesamte App, während Sie Stile auf bestimmte Ansichten anwenden können.

▢ Designs können nicht von anderen Designs abgeleitet werden, Stile jedoch schon.

▢ Stile können nicht von anderen Stilen abgeleitet werden, aber Themes können von anderen Themes abgeleitet werden.

▢ Designs werden vom Android-System bereitgestellt, während Stile vom Entwickler definiert werden.

Frage 4

Wenn in Ihrer App für ein TextView die Schriftgröße mit einem Theme auf 12sp festgelegt wird, ein definierter Stil sie auf 14sp festlegt und ein fontSize-Attribut mit dem Wert 16sp verwendet wird, welche Größe hat die Schriftart auf dem Bildschirm?

▢ 12sp

▢ 14sp

▢ 16sp

▢ 18sp

Nächste Lektion starten: 10.2: Material Design, „dimens“ und „colors“

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