setContent: waar uw gebruikersinterface begint
Koppel uw Composable-boom aan de Activity.
setContent: waar uw gebruikersinterface begint is een gratis Jetpack Compose Academy-les op CoddyKit. Dit is les 4 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Jetpack Compose Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Jetpack Compose Academy bevat in totaal 4 lessen.
Compose met Android verbinden
Je Composables hebben een plek nodig. De aanroep setContent binnen een Activity vormt de brug die je UI-boom aan het Android-scherm doorgeeft. 🔗
Binnen onCreate
Je roept setContent aan vanuit onCreate van een Activity. Op dat moment laat Android je app weten dat het tijd is om een scherm te tonen.
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent { Greeting() }
}Er is een lambda nodig
setContent accepteert een lambda en binnen dat blok roep je je Composables aan. Alles tussen de accolades wordt de inhoud van het scherm.
setContent {
Greeting("Compose")
}De lambda is een Composable
Die lambda is zelf een @Composable-scope. Je kunt er dus rechtstreeks elke Composable in aanroepen, zonder extra configuratie.
Eén root-Composable
Een overzichtelijke app roept hier één root-Composable aan, vaak je volledige app of thema, die vervolgens al het andere eronder nestelt.
setContent {
MyApp()
}In je thema wrappen
De meeste apps wrappen de root in hun theme, zodat kleuren en lettertypen overal worden toegepast. Het thema is gewoon nog een Composable rond je UI.
setContent {
MyAppTheme {
MyApp()
}
}Vervangt setContentView
In het oude View-systeem riep je setContentView aan met een XML-layout. Compose vervangt dit door setContent met een Composable-lambda.
ComponentActivity uitbreiden
De Activity die setContent gebruikt, breidt meestal ComponentActivity uit, de lichte basisklasse waarmee Compose is ontworpen om samen te werken.
class MainActivity : ComponentActivity() {
// onCreate with setContent
}Waar de boom wordt gekoppeld
setContent is het ingangspunt. Vanaf hier bouwt, positioneert en tekent Compose de volledige boom van Composables die je erin aanroept.
Een Surface toevoegen voor de achtergrond
Door de inhoud in een Surface te wrappen, krijg je een thematische achtergrond en elevation; dit is een veelgebruikt eerste kind onder je thema.
setContent {
MyAppTheme {
Surface { MyApp() }
}
}Eén setContent per scherm
Normaal roep je setContent één keer per Activity aan. Om andere inhoud te tonen, verander je de toestand binnen de boom in plaats van setContent opnieuw aan te roepen.
Snelle controle
Een laatste controle van waar Compose-UI begint.
Samenvatting
Je weet nu waar alles begint: roep setContent aan in onCreate, geef een Composable-lambda door, wrap deze in je thema en Compose tekent je app. 🎉
Leer Kotlin met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 30
- Lessen
- 120
Veelgestelde vragen
Is de les “setContent: waar uw gebruikersinterface begint” gratis?
Ja — de volledige tekst van “setContent: waar uw gebruikersinterface begint” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Jetpack Compose Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Jetpack Compose Academy bevat in totaal 4 lessen.
Wat leer ik in “setContent: waar uw gebruikersinterface begint”?
Koppel uw Composable-boom aan de Activity. Je oefent met Jetpack Compose Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Jetpack Compose Academy te beginnen?
Ervaring vooraf is niet nodig. Jetpack Compose Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 4 van 4.
Hoe lang duurt de les “setContent: waar uw gebruikersinterface begint”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Jetpack Compose Academy?
Ja. Elke les over Jetpack Compose Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Een @Composable-functie schrijven
- Live previews met @Preview
- Composables aanroepen vanuit Composables
- setContent: waar uw gebruikersinterface begint