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.
- Laden Sie die GDG-Finder-Start-App herunter und führen Sie sie aus.
- 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.
- Öffnen Sie die Layoutdatei
home_fragment.xml
. - Beachten Sie, dass im Layout
ConstraintLayout
verwendet wird, um Elemente in einemScrollView
zu positionieren. - 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.
- Fügen Sie in der Textansicht
title
das AttributtextSize
hinzu, um die Textgröße auf24sp
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 immersp
für Textgrößen.
<TextView
android:id="@+id/title"
...
android:textSize="24sp"
- Legen Sie die
textColor
der Textansichttitle
auf undurchsichtiges Grau fest, indem Sie sie auf den aRGB-Wert#FF555555
setzen.
<TextView
android:id="@+id/title"
...
android:textColor="#FF555555"
- 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).
- Weisen Sie der Untertitelüberschrift die gleiche Farbe wie der Überschrift zu, aber mit einer kleineren Schriftart,
18sp
. Der Standard-Alphawert istFF
(deckend). 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 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"
- Vergessen Sie nicht, die Attribute
textAllCaps
,textStyle
undbackground
aus der Ansichtsubtitle
zu entfernen, bevor Sie fortfahren. - 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
- Öffnen Sie
home_fragment.xml
auf dem Tab Design. - Wählen Sie im Bereich Komponentenbaum die Textansicht
title
aus. - Suchen Sie im Bereich Attribute nach dem Attribut
fontFamily
. Sie finden es im Bereich Alle Attribute oder Sie können einfach danach suchen. - Klicken Sie auf den Drop-down-Pfeil.
- Scrollen Sie zu Weitere Schriftarten und wählen Sie die Option aus. Das Fenster Ressourcen wird geöffnet.
- Suchen Sie im Fenster Ressourcen nach
lobster
oder einfach nachlo
. - Wählen Sie in den Ergebnissen Lobster Two aus.
- Klicken Sie rechts unter dem Schriftartnamen auf das Optionsfeld Herunterladbare Schriftart erstellen. Klicken Sie auf OK.
- Öffnen Sie die Android-Manifestdatei.
- Suchen Sie im Manifest unten nach dem neuen
<meta-data>
-Tag, bei dem die Attributename
undresource
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"/>
- Suchen Sie im Ordner
res/values
nach der Dateipreloaded_fonts.xml
, in der das Array definiert ist, in dem alle herunterladbaren Schriftarten für diese App aufgeführt sind. - Ebenso enthält die Datei
res/fonts/lobster_two.xml
Informationen zur Schriftart. - Öffnen Sie
home_fragment.xml
. Im Code und in der Vorschau sehen Sie, dass die Schriftart „Lobster Two“ auftitle
TextView
angewendet wird und somit auch auf den Titel.
- Öffnen Sie
res/values/styles.xml
und sehen Sie sich das StandarddesignAppTheme
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. - Beachten Sie im
<style>
-Tag das Attributparent
. In jedem Style-Tag kann ein übergeordnetes Element angegeben werden, dessen Attribute übernommen werden. Der Code gibt dieTheme
an, die von den Android-Bibliotheken definiert werden. DasMaterialComponents
-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 dieLight
-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>
- Legen Sie im Stil
AppTheme
die Schriftfamilie auflobster_two
fest. Sie müssen sowohlandroid:fontFamily
als auchfontFamily
festlegen, da das übergeordnete Theme beide verwendet. Auf dem Tab Design können Sie sichhome_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>
- 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
- Suchen Sie in
home_fragment.xml
nach der Textansichttitle
, die das Attribut für die Schriftartlobster_two
enthält. Löschen Sie das AttributfontFamily
und führen Sie die App aus. Da im Design dieselbe Schriftfamilie festgelegt ist, ändert sich nichts. - Fügen Sie ein anderes
fontFamily
-Attribut wieder in dietitle
-Textansicht ein:app:fontFamily="serif-monospace
"
Achten Sie darauf, dass es sich imapp
-Bereich befindet.
<TextView
android:id="@+id/title"
...
app:fontFamily="serif-monospace"
- Wenn Sie die App ausführen, sehen Sie, dass das Attribut, das für die Ansicht lokal ist, das Design überschreibt.
- Entfernen Sie das Attribut
fontFamily
aus der Textansichttitle
.
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
- Öffnen Sie
res/values/styles.xml
. - 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.
- Definieren Sie im neuen Stil zwei Elemente. Legen Sie in einem Element
textSize
auf24sp
fest. Legen Sie für das andere Element dietextColor
auf dasselbe Dunkelgrau wie zuvor fest.
<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 sich dieser Stil nur in der Textgröße von
TextAppearance.Title
unterscheidet, sollte er ein untergeordneter Stil vonTextAppearance.Title
sein. - Legen Sie im
Subtitle
-Stil die Textgröße auf18sp
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
- Fügen Sie in
home_fragment.xml
dieTextAppearance
ein.Title
-Stil auf die Textansichttitle
anwenden Löschen Sie die AttributetextSize
undtextColor
.
Designs überschreiben alle von Ihnen festgelegtenTextAppearance
-Formatierungen. Das Pyramidendiagramm am Anfang des Codelabs zeigt die Reihenfolge, in der das Styling angewendet wird. Verwenden Sie dietextAppearance
-Eigenschaft, um den Stil alsTextAppearance
anzuwenden. So wird die hier festgelegte Schriftart durch die inTheme
festgelegte Schriftart überschrieben.
<TextView
android:id="@+id/title"
android:textAppearance="@style/TextAppearance.Title"
- Fügen Sie außerdem den Stil
TextAppearance.Subtitle
der Textansichtsubtitle
hinzu und löschen Sie die AttributetextSize
undtextColor
. Sie müssen diesen Stil auch alstextAppearance
anwenden, damit die im Theme festgelegte Schriftart die hier festgelegte Schriftart überschreibt.
<TextView
android:id="@+id/subtitle"
android:textAppearance="@style/TextAppearance.Subtitle"
- 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:
- 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. - Suchen Sie im Dialogfeld Ressourcen nach einer Schriftart und wählen Sie das Optionsfeld Herunterladbare Schriftart erstellen aus.
- 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:
- Stile und Designs
- Herunterladbare Schriftarten
- Schriftarten in XML
- Grundlagen
TextView
-Attribute- Stilressource
MaterialComponents
Design
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:
Links zu anderen Codelabs in diesem Kurs finden Sie auf der Landingpage für Android Kotlin Fundamentals-Codelabs.