Apps für alle Displays erstellen – mit den neuesten Jetpack Compose-Updates vom Android Developer Summit

Das Android-Ökosystem ist eine Multi-Device-Realität, die Smartphones, Foldables, Tablets, Wearables, Displays im Auto, XR-Geräte und Googlebooks umfasst. In dieser Landschaft ist die adaptive Entwicklung von grundlegender Bedeutung, um Nutzer überall zu erreichen.

Jetpack Compose ist der Standard für die Erstellung aller Benutzeroberflächen unter Android. Wenn Sie das alte View-System hinter sich lassen, haben Sie ein einziges, einheitliches Entwicklungsziel. So entfällt der Aufwand, fragmentierte Codebasen für verschiedene Formfaktoren zu verwalten. Das Erstellen adaptiver Layouts ist aber nur die halbe Miete. Wenn Bildschirme gefaltet werden, die Größe von Fenstern geändert wird oder Apps zwischen Formfaktoren wechseln, können herkömmliche Layoutannahmen hinfällig werden. Apps können dann leicht den Status verlieren oder unzusammenhängend wirken. 

Auf dem Android Developer Summit haben wir gezeigt, wie wir die App-Grundlagen in Bezug auf Benutzeroberfläche und Architektur verbessern. Dazu binden wir Compose mit Jetpack AppState tiefer in die Datenebene ein und stellen adaptive Bausteine wie FlexBox und Grid sowie agentenfähige Tools bereit, um die Skalierung auf allen Bildschirmen zu ermöglichen.

Unten findest du einige Highlights unserer aktuellen Ankündigungen. Auf unserer Android-Entwicklerwebsite findest du außerdem über 50 On-Demand-Sitzungen, darunter Best Practices für App-Grundlagen. 

Grundlagen weiterentwickeln und Compose über die Benutzeroberfläche hinaus einsetzen

Mit dem kommenden stabilen Release von Compose 1.13 wird das Toolkit um integrierte Unterstützung für adaptive Layouts über Grid und Flexbox sowie neue Funktionen wie Progressive Blur und Formatted Text erweitert. Wenn Sie sich die neuesten Grafikfunktionen wie Mesh-Farbverläufe und progressive Unschärfe ansehen möchten, ohne die Akkulaufzeit oder die Framerate zu beeinträchtigen, sehen Sie sich das Video Apps mit den neuesten Grafikfunktionen in Jetpack Compose und Android optimieren an.

Neben dem visuellen Rendering bietet die Textbearbeitung in Compose jetzt eine komplett neu geschriebene BasicTextField mit einer puffergesteuerten Architektur und TextFieldState, wodurch Race-Bedingungen bei der Eingabemethode vermieden und Rich-Text-Formatierungsmechanismen unterstützt werden. Weitere Informationen zu dieser Änderung finden Sie im Video  Building reliable text editing experiences in Compose. 

Wenn Sie diese reichhaltigen visuellen und interaktiven Erlebnisse einführen, ist es wichtig, dass Sie für flüssige Frameraten und eine niedrige Startlatenz sorgen. Im Video Outperform yourself in Compose erfährst du, wie du mit Perfetto und der Rekompositionsverfolgung Profile erstellst, kostspielige Antimuster identifizierst und für eine reibungslose Ausführung deiner UI sorgst.

Compose wird mit Jetpack AppState, das sich derzeit in der Alphaphase befindet, auch auf die Architekturebene ausgeweitet. AppState integriert das Snapshot-System von Compose in die Architektur Ihrer App: Mit Transform können Sie reaktiven Status aus State- und Flow-Eingaben ableiten, indem Sie automatisches Lesetracking und einfachen Kotlin-Kontrollfluss verwenden. StateStore bietet Ihnen einen Container mit Schlüsseln, um beobachtbaren Status über Aktivitäten, Hintergrunddienste, Widgets und App-Funktionen hinweg zu teilen – mit optionaler DataStore-Persistenz. Sehen Sie sich das Video Taking Compose State Beyond the UI with Jetpack AppState an, um zu erfahren, wie das Verschieben des Compose-Status im Stack komplexe Statuspipelines vereinfacht und alle Oberflächen Ihrer App synchron hält.

Robuste Navigations- und Eingabesysteme für verschiedene Formfaktoren entwickeln

Da Apps immer modularer werden, müssen Navigation und Nutzereingaben über alle Einstiegspunkte und Bildschirmgrößen hinweg vorhersehbar bleiben. Mit Version 1.2 bietet Jetpack Navigation 3 integrierte, typsichere Deeplinks für den vom Entwickler verwalteten Back Stack. Mit der Kotlin-Serialisierung können Sie eingehende URIs und Intents direkt stark typisierten Navigationsschlüsseln zuordnen, das Parsen komplexer Argumente anpassen und synthetische Back Stacks verzögert erstellen, damit sich die Rückwärtsnavigation immer natürlich anfühlt. Wenn Sie diese APIs in Aktion sehen möchten, lesen Sie den Artikel Typsichere Deeplinks mit Jetpack Navigation 3 erstellen.

Die Eingabeverarbeitung wurde ebenfalls weiterentwickelt, um multimodale Interaktionen auf verschiedenen Geräten zu unterstützen. Das mehrschichtige Eingabesystem von Compose geht nahtlos über die Touchbedienung hinaus und unterstützt Trackpads, Mäuse und physische Steuerelemente. Im Video Scaling input interactions beyond the touchscreen with Jetpack Compose wird gezeigt, wie du Zeigerlebenszyklen, Hover-Zustände und Hardwareereignisse auf verschiedenen Formfaktoren verwalten kannst.

Skalierung von Benutzeroberflächen für große Bildschirme, Desktops und mehr

Wenn Nutzer zwischen faltbaren Geräten, Tablets und Laptops wechseln, müssen sich die Benutzeroberflächen natürlich anpassen, anstatt Inhalte einfach nur zu strecken, um größere Displays auszufüllen. Die adaptive Entwicklung mit Compose kombiniert Navigation 3, WindowManager und agentische Workflows, um mobile Layouts mit minimalem manuellem Aufwand in responsive Multi-Pane-Anwendungen umzuwandeln. Entwickler, die ihre bestehenden Layouts weiterentwickeln möchten, finden im Artikel  Scale your app for every screen with Compose Informationen zu diesen Architekturmustern mit mehreren Bereichen und erfahren, wie sie Navigationsabläufe bei sich ändernden Fenstergrößen optimieren können.

Die Erweiterung über mobile Formfaktoren hinaus eröffnet auch neue Möglichkeiten, wie z. B. mit dem Googlebook. Für die Entwicklung von Desktop-Anwendungen sind die Unterstützung physischer Peripheriegeräte, Fensterumgebungen und mehr erforderlich. In Inside the first wave on Googlebook with Notability and Logitech teilen frühe Partner praktische Entwicklungsstrategien zur Optimierung für Zeigerinteraktionen, externe Hardware und Desktop-Workflows.

Erste Schritte mit unseren Android-Skills 

Damit Sie diese Muster noch schneller implementieren können, können Sie Android-Skills nutzen, um Ihre KI-Agenten zu unterstützen. Unabhängig davon, ob Sie Gemini in Android Studio verwenden oder die Android-Befehlszeile mit anderen Agenten ausführen, übernehmen diese Skills die meiste Arbeit für Sie und entsprechen den Qualitätsrichtlinien für adaptive Qualität. Für Compose haben wir derzeit:

• Mit der aktualisierten adaptiven Fähigkeit können Agenten kompakte Bildschirme in responsive Layouts mit mehreren Bereichen umwandeln und Status- und Konfigurationsänderungen verarbeiten. Jetzt werden auch faltbare Geräte und Desktops unterstützt. Fenster, Tastenkombinationen, Kurzinfos und Trackpad-Hover-Zustände werden automatisch verarbeitet.
• Neuer Skill Compose-Leistung zur Optimierung Ihrer Codebasis
• XML-zu-Compose-Migration-Skill
• Neue Ink-Fähigkeit 

Neben der grundlegenden Architektur und adaptiven Layouts können Sie sich auch mit technischen Details zu Media3-Wiedergabe, CameraX-Pipelines, Funktionen im Auto, umfangreichen Grafiken und den Erfahrungen bei der Migration von Google Play zu Compose im großen Maßstab befassen. In der Playlist zur Sitzung „App Foundations“ des Android Developer Summit findest du eine vollständige Sammlung technischer Anleitungen, in denen Architekturen, Code und praktische Tipps vorgestellt werden.