Arbeitsbeispiele, die zeigen, wie Sie eine UI mit Compose erstellen.
Empfohlen
Now in Android ist eine voll funktionsfähige Android-App, die mit Kotlin und Jetpack Compose erstellt wurde. Er bildet die Best Practices für Android-Design und -Entwicklung ab und soll Entwicklern als nützliche Referenz dienen.

Filtern nach

Ebene

Sie können mehrere Links in einem einzigen Textstring unterstützen, um Nutzern Optionen zu bieten und die Interaktion zu steigern.

  • Kotlin

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

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

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

Eine Karte bietet einen Material Design-Container für Ihre Benutzeroberfläche.

    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.

      Hier erfahren Sie, wie Sie mithilfe der Compose-Animations-APIs Statuswerte animieren, Übergänge verwenden, Sichtbarkeits- oder Größenänderungen animieren und Überblendungen erstellen.

        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

        Eine App-Leiste ist ein Container oben oder unten auf dem Bildschirm, der wichtige Funktionen und Navigationselemente enthält.

          Eine Fortschrittsanzeige zeigt den Status eines Vorgangs an.

            Informationen zum Verwalten von Änderungen an der Konfiguration der abnehmbaren Tastatur

            • Java
            • Kotlin

            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

            Mit einem Ein-/Aus-Schalter können Nutzer zwischen zwei Status wählen.

              Die App-Ausrichtung auf kleinen Bildschirmen einschränken, aber nicht auf großen Bildschirmen.

              • Kotlin
              • Java

              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.

                Sie können Schatten um den zugeschnittenen Bereich des Bildes zeichnen, um ein Bild in Form eines Clips anzuzeigen.

                • Kotlin

                Eine Chipkomponente stellt komplexe Entitäten visuell dar, oft mit einem Symbol und einem Label.

                  Eine Schaltfläche löst eine bestimmte Aktion aus.

                    Wählen Sie die richtige Komponente für Ihre Benutzeroberfläche aus und erfahren Sie, wie Sie sie in Ihrer App implementieren.

                      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.

                        Mit einer solchen Schaltfläche können Nutzer eine primäre Aktion in der App ausführen.

                        • Kotlin

                        Verhindert versehentliche Berührungen des Touchstifts mit der Handfläche.

                        • Java
                        • Kotlin

                        In Dialogen werden Pop-up-Nachrichten angezeigt oder Nutzer werden auf einer Ebene über dem Hauptinhalt der App um Eingaben gebeten.

                          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.