setContent: Wo Ihre UI beginnt
Binden Sie Ihren Composable-Baum in die Activity ein.
setContent: Wo Ihre UI beginnt ist eine kostenlose Jetpack Compose Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Jetpack Compose Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Jetpack Compose Academy-Kurs umfasst insgesamt 4 Lektionen.
Connecting Compose to Android
Deine Composables brauchen ein Zuhause. Der setContent-Aufruf innerhalb einer Activity ist die Brücke, die deinen UI-Baum an den Android-Bildschirm übergibt. 🔗
Inside onCreate
Du rufst setContent in der onCreate-Methode einer Activity auf. Das ist der Moment, in dem Android deiner App mitteilt, dass es Zeit ist, einen Bildschirm anzuzeigen.
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent { Greeting() }
}It Takes a Lambda
setContent akzeptiert eine Lambda-Funktion, und innerhalb dieses Blocks rufen Sie Ihre Composables auf. Alles in den geschweiften Klammern wird zum Bildschirminhalt.
setContent {
Greeting("Compose")
}The Lambda Is Composable
Dieses Lambda stellt selbst einen @Composable-Bereich dar. Sie können darin also jedes Composable direkt aufrufen, ohne dass zusätzliches Setup erforderlich ist.
One Root Composable
Eine saubere App ruft hier ein einzelnes Root-Composable auf, oft Ihre gesamte App oder Ihr Theme, in das dann alles andere verschachtelt wird.
setContent {
MyApp()
}Wrap in Your Theme
Die meisten Apps umschließen das Root-Element mit ihrem Theme, damit Farben und Schriftarten überall gelten. Das Theme ist einfach ein weiteres Composable um Ihre Benutzeroberfläche.
setContent {
MyAppTheme {
MyApp()
}
}Replaces setContentView
Im alten View-System haben Sie setContentView mit einem XML-Layout aufgerufen. Compose ersetzt dies durch setContent mit einem Composable-Lambda.
Extends ComponentActivity
Die Activity, die setContent verwendet, erbt typischerweise von ComponentActivity, der schlanken Basisklasse, für deren Verwendung Compose entwickelt wurde.
class MainActivity : ComponentActivity() {
// onCreate with setContent
}Where the Tree Mounts
setContent ist der Einstiegspunkt. Von hier aus erstellt, layoutet und zeichnet Compose den gesamten Baum der Composables, die Sie darin aufrufen.
Add Surface for Background
Das Einbinden von Inhalten in eine Surface sorgt für einen themenbasierten Hintergrund und eine Erhebung (Elevation), ein häufiges erstes Kindelement unter Ihrem Theme.
setContent {
MyAppTheme {
Surface { MyApp() }
}
}One setContent Per Screen
Sie rufen setContent normalerweise einmal pro Activity auf. Um unterschiedliche Inhalte anzuzeigen, ändern Sie den Zustand innerhalb des Baums und rufen setContent nicht erneut auf.
Quick Check
Eine letzte Überprüfung, wo Compose UI beginnt.
Recap
Sie wissen jetzt, wo alles beginnt: rufen Sie setContent in onCreate auf, übergeben Sie ein Composable-Lambda, betten Sie es in Ihr Theme ein, und Compose zeichnet Ihre App. 🎉
Häufig gestellte Fragen
Ist die Lektion „setContent: Wo Ihre UI beginnt“ kostenlos?
Ja — der vollständige Text von „setContent: Wo Ihre UI beginnt“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Jetpack Compose Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Jetpack Compose Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „setContent: Wo Ihre UI beginnt“?
Binden Sie Ihren Composable-Baum in die Activity ein. Du übst Jetpack Compose Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Jetpack Compose Academy zu starten?
Keine Vorkenntnisse erforderlich. Jetpack Compose Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „setContent: Wo Ihre UI beginnt“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Jetpack Compose Academy-Lektion Code schreiben und ausführen?
Ja. Jede Jetpack Compose Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Eine @Composable-Funktion schreiben
- Live-Previews mit @Preview
- Composables aus Composables aufrufen
- setContent: Wo Ihre UI beginnt