5 Jahre Jetpack Compose

Heute feiern wir offiziell den fünften Geburtstag von Jetpack Compose 1.0. Von Version 1.0, die am 28. Juli 2021 angekündigt wurde, bis zur neuesten Version 1.11 haben sich die APIs im Laufe der Jahre erheblich weiterentwickelt. Das ist ein Grund zum Feiern.

Als wir die Version 1.0 offiziell angekündigt haben, versprachen wir eine einfachere, schnellere und intuitivere Möglichkeit, native Benutzeroberflächen auf Android zu erstellen. Rückblickend lässt sich sagen, dass Compose dieses Versprechen nicht nur erfüllt, sondern auch das Android-Ökosystem komplett verändert hat. Heute wird es in mehr als 68% der 1.000 beliebtesten Apps in der Produktion eingesetzt.

Verlauf

In den letzten fünf Jahren hat sich Compose stetig weiterentwickelt. In den Anfangszeiten haben wir gezeigt, wie Sie Layouts mit den grundlegenden Komponenten Box, Row und Column erstellen. Heute kann Compose nicht nur auf Mobilgeräten, sondern auch auf anderen Formfaktoren wie Compose for TV, WearOS, Glance for Widgets und sogar auf Datenbrillen mit Jetpack Compose Glimmer verwendet werden. 

Wir haben eine Folge von Android Developers Backstage mit Clara Bayarri, Engineering Lead für Jetpack, und zwei ehemaligen Leads des Teams, Romain Guy und Chet Haase, sowie Tor Norbye, Senior Engineering Director, aufgenommen. In dieser Folge sprechen sie über die Geschichte von Compose und die Anfänge der Entwicklung.

Rückblick

Die Anfänge von Compose waren ganz anders als das, was Sie heute kennen. Im Android-Team wurden zwei Projekte parallel durchgeführt. 

Das Team des Views-Toolkits überlegte damals, das UI-Toolkit in eine Bibliothek auszulagern, um die Entwicklungsgeschwindigkeit zu erhöhen und es Entwicklern zu erleichtern, Updates einzuführen und zu steuern. Gleichzeitig arbeitete ein Team an einer neuen Idee, deklarative Layouts zu erstellen, indem XML in Kotlin eingebettet wurde. Das sah so aus:

Diese beiden Bemühungen wurden zusammengeführt, um das zu schaffen, was Sie heute kennen: ein vollständig deklaratives UI-Toolkit, das die Leistungsfähigkeit eines Compiler-Plug-ins, einer Laufzeitumgebung und Kotlin nutzt:

@Composable
fun Newsfeed(stories: List<Story>) {
    LazyColumn {
        items(stories) { story ->
            Card {
                val author = story.author
                Image(painterResource(author.profilePhoto),
                    contentDescription = author.name)
                Text(author.name)
                Text(story.content)
                if (story.hasCommentsEnabled()) {
                    for(comment in story.comments) {
                        Text(comment.mainContent)
                    }
                }
            }
        }
    }
}

Und Sie, die Community, haben uns schon sehr früh geholfen. Vor 2021 gab es eine Pre-Alpha-Phase für Compose, die dazu beigetragen hat, dass Compose die Probleme unserer Entwickler lösen konnte.

Eine unserer schönsten Erinnerungen ist die Android Dev Challenge. Wir haben die Community aufgefordert, vier verschiedene Aufgaben mit Compose zu erstellen. So wurden unsere Feeds mit Puppy-Apps, Uhren und Wetter-Apps gefüllt und wir haben viel direktes Feedback erhalten, das uns bei der Entwicklung von Version 1.0 geholfen hat.

Compose hat sich ständig weiterentwickelt. Es wurde mit einer Reihe von Material 2-Komponenten eingeführt und unterstützt jetzt Material 3 Expressive.

Zukunftspläne

Heute ist Compose 1.11 die neueste Version. Version 1.12 wird bald veröffentlicht und bietet viel mehr als Version 1.0 vor fünf Jahren. Dieses Jahr haben wir weitere adaptive APIs eingeführt, z. B. FlexBox, Grid, MediaQuery und Styles. Mit diesen APIs können Sie mit Compose die nächste Stufe der Premium-Entwicklung adaptiver Benutzeroberflächen erreichen. 

Auf der Google I/O 2026 haben wir angekündigt, dass wir jetzt Compose-first sind. Das bedeutet, dass die gesamte zukünftige UI-Entwicklung nur in Compose stattfindet, während das Views-Toolkit in den Wartungsmodus wechselt. Auch Material Design verlegt den Fokus vollständig auf Compose, was das Ende der findViewById era bedeutet. 

Die Community ist das Herzstück von Compose

Im Laufe der Jahre haben Sie uns mit kreativen Beispielen für die Verwendung von Compose inspiriert. Wir möchten einige weitere Beispiele für spannende Projekte vorstellen. JetBrains ist ein großartiger Partner für Google bei Compose. Mit Compose Multiplatform wurde Compose plattformübergreifend erweitert, sodass auch Desktop-, iOS- und Webentwickler die Vorteile von Compose nutzen können.  

Wir haben unsere beliebtesten Newsletter von JetpackCompose.app’s Dispatch,  AndroidWeekly bis jetc verfolgt, um Android-Entwickler über die neuesten Entwicklungen in der Welt von Compose und Android auf dem Laufenden zu halten. 

Ein weiterer herausragender Beitragender ist sinasamaki. Er hat viele ansprechende Projekte mit Compose erstellt, z. B. diesen lustigen Ribbon-Modifikator und den Glitch-Effekt:

Auch Saket Narayan war schon immer eine Inspiration, wenn es darum ging, nützliche Tools für Compose zu entwickeln, z. B. telephoto, eine Bibliothek mit Unterstützung für Schwenk- und Zoomgesten und automatischer Unterabtastung großer Bilder, oder die neueste Bibliothek Touch Robot, mit der Sie Interaktionsanimationen ganz einfach testen können:

paparazzi.gif(end = 3_000) { DebitCard( Modifier.testTag("card") ) val touchRobot = rememberTouchRobot() LaunchedEffect(Unit) { touchRobot.onNode(hasTestTag("card")).performGesture { draw( path = createAndroidHeadPath(), duration = 3.seconds, ) } } } /** A path drawing the Android head. */ fun createAndroidHeadPath(bounds: Rect): Path = TODO()

Jake Wharton, der Compose auf innovative Weise eingesetzt hat (z. B. für molecule und sogar für die Erstellung von Benutzeroberflächen mit Compose für das Terminal mit mosaic). Chris Banes hat im Laufe der Jahre viele Compose-Bibliotheken entwickelt. Unser aktueller Favorit ist Haze für das Weichzeichnen von Hintergründen. Viele der Android Google Developer Experts wie Akshay Chordiya, Huyen Tue Dao und Katie Barnett haben zum Erfolg von Compose beigetragen. Es geht hier aber nicht darum, einzelne Personen auszuwählen. Es gab so viele großartige Beiträge zur Compose-Codebasis und viele von Ihnen inspirieren uns immer wieder mit ihren lustigen Beispielen, Bibliotheken und ausführlichen Vorträgen. Ohne die Community wäre Jetpack Compose nicht so erfolgreich, wie es heute ist. 

Auf die nächsten fünf Jahre und mehr!

Jetpack Compose hat sich von einer experimentellen Idee zum Standard für die Android-UI-Entwicklung entwickelt. Vielen Dank an das gesamte Toolkit-Team bei Google und an die unglaubliche globale Entwickler-Community, die Bibliotheken geschrieben, Fehler gemeldet und die Grenzen dessen, was mit deklarativen Benutzeroberflächen möglich ist, erweitert hat. 

Diese Woche feiern wir mit einigen Geburtstagsfeiern auf der ganzen Welt und einer Live-Geburtstagsfeier auf dem YouTube-Kanal für Android-Entwickler am 30. Juli um 15:00 Uhr. Wir werden uns austauschen, über Compose sprechen und Ihre Fragen beantworten.

Auf die nächsten fünf Jahre und viel Spaß beim Erstellen von Benutzeroberflächen mit Compose!