Beispiele erstellen
Now in Android
Unterstützung mehrerer Links in einem einzigen Textstring
Sie können mehrere Links in einem einzigen Textstring unterstützen, um Nutzern Optionen zu bieten und die Interaktion zu steigern.
- Kotlin
Textteile formatieren
Sie können Textteile formatieren, um die Lesbarkeit zu verbessern, die Nutzerfreundlichkeit zu erhöhen und durch die Verwendung von Farben und Schriftarten mehr Kreativität zu fördern.
- Kotlin
Eingaben während der Eingabe validieren
Sie können die Eingabe validieren, während der Nutzer einen Text in ein Textfeld eingibt, z. B. einen Namen, eine E-Mail-Adresse, eine Adresse oder andere Kontaktdaten. Durch diese Validierung werden Fehler reduziert und Ihre Nutzer sparen Zeit.
- Kotlin
Bilder laden und anzeigen
Wenn Sie Bilder in Ihrer App für Inhalte und als Reaktion auf Nutzeraktionen anzeigen möchten, laden Sie die Bilder von der Festplatte oder aus einer externen Quelle im Internet.
- Kotlin
Karte als Container erstellen
Eine Karte bietet einen Material Design-Container für Ihre Benutzeroberfläche.
Obere App-Leiste anzeigen
Mit dem Composeable „TopAppBar“ können Sie eine obere App-Leiste erstellen, die Nutzern bei der Navigation und beim Zugriff auf Funktionen in Ihrer App hilft.
Animation in Compose
Hier erfahren Sie, wie Sie mithilfe der Compose-Animations-APIs Statuswerte animieren, Übergänge verwenden, Sichtbarkeits- oder Größenänderungen animieren und Überblendungen erstellen.
Passwort je nach Nutzerauswahl ein- oder ausblenden
Sie können ein Symbol erstellen, um ein Passwort basierend auf einem Nutzer-Schalter auszublenden oder anzuzeigen, um die Sicherheit zu verbessern und die Nutzerfreundlichkeit zu erhöhen.
- Kotlin
App-Leiste anzeigen
Eine App-Leiste ist ein Container oben oder unten auf dem Bildschirm, der wichtige Funktionen und Navigationselemente enthält.
Änderungen an der Konfiguration der abnehmbaren Tastatur verwalten
Informationen zum Verwalten von Änderungen an der Konfiguration der abnehmbaren Tastatur
- Java
- Kotlin
Animiertes Bild anzeigen
Sie können die Nutzerfreundlichkeit Ihrer App verbessern, indem Sie eine drawable-Datei laden, um animierte Bilder anzuzeigen. Animierte Bilder eignen sich zum Erstellen von Lade-, Erfolgs- oder Fehlersymbolen, zur Unterstützung der Spieleentwicklung und für verschiedene andere UI-Funktionen.
- Kotlin
App-Ausrichtung auf Smartphones, aber nicht auf Geräten mit großen Displays einschränken
Die App-Ausrichtung auf kleinen Bildschirmen einschränken, aber nicht auf großen Bildschirmen.
- Kotlin
- Java
Eine Auslagerungsliste anzeigen
Erstellen Sie eine Paginierungsliste, damit Nutzer scrollen können, um auf Inhalte zuzugreifen, die zu groß sind, um auf einem einzigen Bildschirm angezeigt zu werden. Listen mit horizontaler Paginierung können Nutzern helfen, Inhalte wie Bilder, Diashows oder Produktkarussells zu durchsuchen. Vertikale Listen sind nützlich für Apps mit vielen Inhalten, in denen Nutzer möglicherweise durch eine große Anzahl von Elementen wie Artikeln scrollen müssen.
Ein Bild anzeigen, das in eine Form zugeschnitten ist
Sie können Schatten um den zugeschnittenen Bereich des Bildes zeichnen, um ein Bild in Form eines Clips anzuzeigen.
- Kotlin
Chip zum Darstellen komplexer Entitäten erstellen
Eine Chipkomponente stellt komplexe Entitäten visuell dar, oft mit einem Symbol und einem Label.
Interaktive Komponenten anzeigen
Wählen Sie die richtige Komponente für Ihre Benutzeroberfläche aus und erfahren Sie, wie Sie sie in Ihrer App implementieren.
In Compose testen
Erste Jetpack Compose-Tests erstellen Hier erfahren Sie, wie Sie die Testartefakte von Compose verwenden, um UI-Tests zu schreiben, Testregeln, Sucher und Behauptungen zu verwenden.
Unverankerte Aktionsschaltfläche erstellen
Mit einer solchen Schaltfläche können Nutzer eine primäre Aktion in der App ausführen.
- Kotlin
Eingabestift-Berührungen der Handfläche ablehnen
Verhindert versehentliche Berührungen des Touchstifts mit der Handfläche.
- Java
- Kotlin
Pop-up-Nachrichten oder Aufforderungen zur Nutzereingabe anzeigen
In Dialogen werden Pop-up-Nachrichten angezeigt oder Nutzer werden auf einer Ebene über dem Hauptinhalt der App um Eingaben gebeten.
Erweiterte Layouts im Fenster „Schreiben“
Hier erfahren Sie, wie Sie komplexe Designs für Ihre Compose-Layouts erstellen. Dabei liegt der Schwerpunkt auf der Layoutphase und -einschränkungen, untergeordneten Compose-Layouts und intrinsischen Maßen.
Ein ausblendbares Menü mit der Komponente „Navigationsleiste“ erstellen
Eine Navigationsleiste ist ein ausziehbares Navigationsmenü.
Scrollbares Raster erstellen
Mit Lazy-Grids können Sie große Datensätze und dynamische Inhalte verwalten und so die App-Leistung verbessern. Mit Lazy-Grid-Kompositen können Sie Elemente in einem scrollbaren Container über mehrere Spalten oder Zeilen hinweg anzeigen.
- Kotlin
Untere Ansicht erstellen
Ein Unterbrechungsfenster zeigt sekundäre Inhalte unten auf dem Bildschirm an.
Scaffold-Komponente erstellen, um die Benutzeroberfläche zusammenzuhalten
Ein Scaffolding hält verschiedene Teile der Benutzeroberfläche zusammen, z. B. App-Leisten und Floating Action Buttons, und verleiht Apps ein einheitliches Erscheinungsbild.
Verschachtelte scrollbare Elemente in einer Liste anzeigen
Sie können verschachtelte scrollbare Elemente in einer Liste anzeigen, um komplexe Layouts wie Produktkataloge, Mediengalerien oder Nachrichtenfeeds zu präsentieren. Wenn Sie Inhalte auf diese Weise präsentieren, können Sie die Nutzerfreundlichkeit Ihrer App verbessern und die Navigation für Nutzer erleichtern.
- Kotlin
Liste mit mehreren Artikeltypen erstellen
Mit einer Liste mit mehreren Artikeltypen können Sie gemischte Inhaltstypen wie Text, Bilder und interaktive Elemente anzeigen.
- Kotlin
Telefonnummern in Textfeldern automatisch formatieren
Sie können eine Telefonnummer in einem Textfeld automatisch formatieren, um Zeit zu sparen und die Nutzerinteraktion, Produktivität und Effizienz zu steigern.
- Kotlin
Untere App-Leiste anzeigen
Erstellen Sie eine App-Leiste unten, damit Nutzer sich in Ihrer App leichter zurechtfinden und auf Funktionen zugreifen können.
- Kotlin
Endliche scrollbare Liste erstellen
Scrollbare Listen können dabei helfen, Datensätze zu verwalten, responsive Designs zu erstellen und die Navigation zu erleichtern. Wenn Sie eine begrenzte Anzahl von Elementen in Ihrer App anzeigen möchten, können Sie mit den Modifikatoren „verticalScroll“ oder „horizontalScroll“ eine scrollbare Liste erstellen.
- Kotlin
Schieberegler für einen Wertebereich erstellen
Mit einem Bereichsschieberegler können Nutzer aus einem Wertebereich auswählen.
Benachrichtigung mit einer Snackbar erstellen
Eine Snackbar ist eine kurze Benachrichtigung, die unten auf dem Bildschirm angezeigt wird.
Lazy-Listen im Verfassen
Mit Compose können Sie mit weniger Codezeilen als mit RecyclerView einfacher und leistungsfähiger scrollbare Listen erstellen. Hier erfahren Sie, wie Sie mit Lazy-Layouts Listen erstellen, denen Sie Inhalte auf Anfrage hinzufügen können.
Mehrere Bilder übereinander auf einem Canvas anzeigen
Sie können Quellbilder überlagern oder zusammenführen, um geschichtete Bilder auf einer Zeichenfläche anzuzeigen. Sie können beispielsweise nachahmen, wie das Android-Framework App-Symbole generiert, indem Sie separate drawables für Hintergrund und Vordergrund kombinieren.
- Kotlin
Text in der Zeichenansicht zeichnen
Informationen zum Verwenden von Compose APIs, die speziell zum Zeichnen von Text auf einem Canvas entwickelt wurden. In diesem Segment wird der Code zum Zeichnen einer Emoji-Schrift in einem abgerundeten Rechteck gezeigt.
Neuzusammensetzung in Compose debuggen
Informationen zum Beheben eines Leistungsproblems in Jetsnack und zur Behebung in Jetpack Compose. Hier erfahren Sie, warum die Zusammensetzung übersprungen werden kann, wenn Sie Statuslesungen mithilfe eines Lambdas verschieben.
Bedienungshilfen in der Funktion „Schreiben“
Fügen Sie Ihrer App Funktionen zur Barrierefreiheit hinzu. Hier erfahren Sie, wie Sie mit wenig Aufwand die Reichweite und Vielseitigkeit Ihrer App steigern.
Benutzerdefinierten Seitenindikator hinzufügen
Mit Seitenindikatoren können Sie Nutzern ihre aktuelle Position in den Inhalten Ihrer App visualisieren.
- Kotlin
Status in „Schreiben“
Hier erfahren Sie, wie der Status in Ihrer Compose-basierten App fließt und wie das Framework die Benutzeroberfläche automatisch aktualisieren kann, um neue Werte anzuzeigen. Hier erfahren Sie, wie Sie beobachtbare Status erstellen, den Status bei Neuzusammensetzungen oder Konfigurationsänderungen beibehalten und Ihre Composeables für einen optimalen Datenfluss strukturieren.
Für große Bildschirme optimieren
Sorgen Sie dafür, dass Ihre App auf Tablets, faltbaren Geräten und ChromeOS-Geräten optimiert genutzt werden kann.
Liste beim Tippen filtern
Sie können eine Liste von Strings anhand der Texteingabe filtern, um eine Liste dynamisch anhand von Suchanfragen von Nutzern zu aktualisieren.
- Kotlin
Parallax-Scrolling-Effekt erstellen
Beim Parallax-Scrolling werden Hintergrund- und Vordergrundinhalte mit unterschiedlichen Geschwindigkeiten gescrollt. Sie können diese Technik implementieren, um die Benutzeroberfläche Ihrer App zu verbessern und beim Scrollen der Nutzer eine dynamischere Umgebung zu schaffen.
- Kotlin
Einführung in das Zeichnen in Messages
Sobald Sie mit der Arbeit in Compose vertraut sind, können Sie eigene benutzerdefinierte Komponenten zeichnen. In diesem Video erfahren Sie, wie Sie mit benutzerdefinierten Zeichnungen beginnen.
Ränder in Compose
Hier erfahren Sie, wie Einzüge Ihrer App mitteilen, wo sich Systemdekorationen befinden, und wie Compose APIs dazu beitragen, dass sich Ihre Inhalte automatisch mit den Systemleisten, der Softwaretastatur und der Taskleiste bewegen. Scheuen Sie sich nicht, den gesamten Bildschirm auszunutzen.
Daten mit Listen und Seitenlademechanismus verzögert laden
Mit der Paging-Bibliothek können Sie große Listen mit Elementen – einschließlich einer unendlichen Liste – in Ihrer App unterstützen, indem Sie Daten schrittweise laden und anzeigen. Mit Lazy Loading können Sie die anfänglichen Ladezeiten reduzieren und die Arbeitsspeichernutzung optimieren, um die Leistung zu steigern.
- Kotlin
Schaltfläche zum Aktivieren des Snap-Scrollings erstellen
Sie können eine Schaltfläche anzeigen, mit der Nutzer direkt zu einem bestimmten Punkt in einer Liste scrollen können. So sparen Sie Zeit und erhöhen die Nutzerinteraktion.
- Kotlin
Listen im Verfassen-Modus
Entdecken Sie die Lazy-Komponenten von Compose, mit denen sich Listen von Elementen ganz einfach anzeigen lassen. Hier erfahren Sie, wie Sie verschiedene Artikeltypen anzeigen und sogar fixierte Überschriften implementieren. Hier erfahren Sie, wie Sie die Scrollposition programmatisch steuern oder auf Änderungen reagieren.
Nutzereingabe anfordern
Machen Sie Ihre App interaktiv, indem Sie Nutzern die Eingabe von Text und anderen Eingaben ermöglichen.
Startbildschirm-Scaffold erstellen
Anhand dieser Kurzanleitungen können Sie ein Startbildschirm-Scaffold erstellen, mit dem Sie dem Startbildschirm Ihrer App ein einheitliches Erscheinungsbild verleihen können.
Fünf schnelle Animationen beim Verfassen von Nachrichten
Mit diesen fünf schnellen und einfachen Animationen können Sie Ihre App in nur wenigen Minuten zum Leben erwecken. Auch wenn Sie nicht die Zeit haben, alles über Animationen zu lernen, können Sie Ihre Compose-App hervorheben.
Grundlagen der Komposition
In dieser Videoreihe werden verschiedene Compose APIs vorgestellt. Sie erhalten einen schnellen Überblick über die verfügbaren APIs und ihre Verwendung.
Liste oder Raster anzeigen
Mit Listen und Rastern können Sie Sammlungen von Elementen effizient anzeigen und anordnen.
Textzeichen für Zeichen animieren
Sie können das Erscheinen von Textzeichen für Zeichen animieren, sodass es wie ein Streaming-Effekt aussieht.
- Kotlin
Bilder anzeigen
Sie können mithilfe von Vektor- oder Bitmap-Bildern auf dem Bildschirm arbeiten oder direkt auf dem Bildschirm mit einem Canvas zeichnen.
Anzeigetext
Sie können die Nutzerfreundlichkeit und Ästhetik Ihrer App verbessern, indem Sie die Darstellung von Text anpassen.