pointerInput en detectTapGestures
Detecteer tikken, dubbeltikken en lang indrukken.
pointerInput en detectTapGestures is een gratis Jetpack Compose Academy-les op CoddyKit. Dit is les 1 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.
De toegangspoort tot aanraking
Voor het verwerken van ruwe aanrakingen in Compose gebruik je de pointerInput-modifier. Die geeft elk element een plek om vingergebeurtenissen rechtstreeks te lezen. 👆
Voeg het aan elk Composable toe
Voeg pointerInput toe in een Modifier-keten. Binnen de lambda krijg je een bewegingsbereik waarin je kunt luisteren naar tikken, slepen en meer.
Box(Modifier.pointerInput(Unit) {
// gesture detectors go here
})Eenvoudige tikken detecteren
De meest gebruiksvriendelijke helper is detectTapGestures. Die bundelt tikken, dubbel tikken, lang indrukken en indrukken in één overzichtelijke aanroep.
detectTapGestures(onTap = { /* tapped */ })Eén snelle tik
De lambda onTap wordt uitgevoerd wanneer een vinger indrukt en weer optilt zonder veel te bewegen. De lambda ontvangt de Offset waarop werd getikt.
detectTapGestures(onTap = { offset -> println(offset) })Een dubbele tik opvangen
Geef onDoubleTap door om op twee snelle tikken achter elkaar te reageren. Dit is ideaal als snelkoppeling voor leuk vinden of zoomen op een afbeelding. 💙
detectTapGestures(onDoubleTap = { /* zoom in */ })Lang indrukken
De lambda onLongPress wordt uitgevoerd wanneer de vinger langer dan een drempelwaarde op het scherm blijft. Gebruik dit om contextmenu's of de selectiemodus te openen.
detectTapGestures(onLongPress = { /* show menu */ })De aanraking zelf volgen
Gebruik onPress om het moment te kennen waarop een vinger het scherm raakt. De lambda kan worden opgeschort, zodat je kunt wachten tot de vinger wordt losgelaten of de aanraking wordt geannuleerd.
detectTapGestures(onPress = { awaitRelease() })Elke tik bevat een positie
Elke callback voor een tik geeft je een Offset in pixels, gemeten vanaf de linkerbovenhoek van het Composable. Lees die uit om precies te weten waar de gebruiker heeft aangeraakt.
Het belangrijkste argument telt
Het eerste argument van pointerInput is een sleutel. Wanneer die verandert, wordt het bewegingsblok opnieuw gestart. Geef daarom elke status door waarvan je handlers afhankelijk zijn.
Modifier.pointerInput(enabled) { /* restarts if enabled flips */ }Bewegingen lopen in coroutines
Het pointerInput-blok is een suspend-bereik. Daarom kunnen detectoren frame voor frame op gebeurtenissen wachten zonder de UI-thread te blokkeren.
Meerdere callbacks combineren
Eén aanroep van detectTapGestures kan tegelijk tikken, dubbel tikken en lang indrukken verwerken. Compose bepaalt welke actie de gebruiker bedoelde.
detectTapGestures(onTap = {...}, onLongPress = {...})Korte controle
Welke helper bundelt tikken, dubbel tikken en lang indrukken in één aanroep?
Samenvatting: ruwe tikken eenvoudig gemaakt
Je hebt pointerInput en detectTapGestures leren kennen voor tikken, dubbel tikken en lang indrukken. Ze vormen de basis voor aangepaste verwerking van aanrakingen. 🎉
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 “pointerInput en detectTapGestures” gratis?
Ja — de volledige tekst van “pointerInput en detectTapGestures” 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 “pointerInput en detectTapGestures”?
Detecteer tikken, dubbeltikken en lang indrukken. 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 1 van 4.
Hoe lang duurt de les “pointerInput en detectTapGestures”?
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
- pointerInput en detectTapGestures
- Slepen, vegen en fling
- Transform: pannen, zoomen en roteren
- Geneste scrollverbindingen