Add tap gestures support in lib, rework settings popup

demo/src/main/kotlin/eu/wewox/pagecurl/MainActivity.kt

@@ -12,6 +12,7 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -22,12 +23,17 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.center
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import androidx.compose.ui.unit.toOffset
+import eu.wewox.pagecurl.components.SettingsAction
 import eu.wewox.pagecurl.components.SettingsPopup
-import eu.wewox.pagecurl.components.overlayControls
+import eu.wewox.pagecurl.config.InteractionConfig
 import eu.wewox.pagecurl.config.PageCurlConfig
+import eu.wewox.pagecurl.config.copy
 import eu.wewox.pagecurl.page.PageCurl
+import eu.wewox.pagecurl.page.PageCurlState
 import eu.wewox.pagecurl.page.rememberPageCurlState
 import eu.wewox.pagecurl.ui.theme.PageCurlTheme
 import kotlinx.coroutines.launch
@@ -38,28 +44,28 @@ class MainActivity : ComponentActivity() {
         setContent {
             PageCurlTheme {
                 Box {
-                    val scope = rememberCoroutineScope()
                     val state = rememberPageCurlState(max = 6)
                     var showPopup by remember { mutableStateOf(false) }
+                    var interaction by remember {
+                        mutableStateOf(
+                            InteractionConfig(
+                                tap = InteractionConfig.Tap(
+                                    custom = InteractionConfig.Tap.CustomInteraction(true) { size, position ->
+                                        if ((position - size.center.toOffset()).getDistance() < 64.dp.toPx()) {
+                                            showPopup = true
+                                            true
+                                        } else {
+                                            false
+                                        }
+                                    }
+                                )
+                            )
+                        )
+                    }
 
                     PageCurl(
                         state = state,
-                        config = PageCurlConfig(),
-                        modifier = Modifier.overlayControls(
-                            next = {
-                                scope.launch {
-                                    state.next()
-                                }
-                            },
-                            prev = {
-                                scope.launch {
-                                    state.prev()
-                                }
-                            },
-                            center = {
-                                showPopup = true
-                            }
-                        )
+                        config = PageCurlConfig(interaction = interaction)
                     ) { index ->
                         Box(
                             modifier = Modifier
@@ -96,17 +102,10 @@ class MainActivity : ComponentActivity() {
 
                     if (showPopup) {
                         SettingsPopup(
-                            onSnapToFirst = {
-                                scope.launch {
-                                    state.snapTo(0)
-                                    showPopup = false
-                                }
-                            },
-                            onSnapToLast = {
-                                scope.launch {
-                                    state.snapTo(state.max - 1)
-                                    showPopup = false
-                                }
+                            state = state,
+                            interaction = interaction,
+                            onConfigChange = {
+                                interaction = it
                             },
                             onDismiss = {
                                 showPopup = false
@@ -119,6 +118,46 @@ class MainActivity : ComponentActivity() {
     }
 }
 
+@Composable
+private fun SettingsPopup(
+    state: PageCurlState,
+    interaction: InteractionConfig,
+    onConfigChange: (InteractionConfig) -> Unit,
+    onDismiss: () -> Unit,
+) {
+    val scope = rememberCoroutineScope()
+    SettingsPopup(
+        interactionConfig = interaction,
+        onAction = { action ->
+            when (action) {
+                SettingsAction.GoToFirst -> {
+                    scope.launch {
+                        state.snapTo(0)
+                    }
+                }
+                SettingsAction.GoToLast -> {
+                    scope.launch {
+                        state.snapTo(state.max - 1)
+                    }
+                }
+                is SettingsAction.ForwardDragEnabled -> {
+                    onConfigChange(interaction.copy(dragForwardEnabled = action.value))
+                }
+                is SettingsAction.BackwardDragEnabled -> {
+                    onConfigChange(interaction.copy(dragBackwardEnabled = action.value))
+                }
+                is SettingsAction.ForwardTapEnabled -> {
+                    onConfigChange(interaction.copy(tapForwardEnabled = action.value))
+                }
+                is SettingsAction.BackwardTapEnabled -> {
+                    onConfigChange(interaction.copy(tapBackwardEnabled = action.value))
+                }
+            }
+        },
+        onDismiss = onDismiss
+    )
+}
+
 private object Data {
     val Lorem1 =
         "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat volutpat. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Et harum quidem rerum facilis est et expedita distinctio. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Vestibulum fermentum tortor id mi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Nunc tincidunt ante vitae massa. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Proin in tellus sit amet nibh dignissim sagittis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam posuere lacus quis dolor. Class aptent taciti sociosqu ad litora."

demo/src/main/kotlin/eu/wewox/pagecurl/components/OverlayControls.kt

@@ -1,37 +0,0 @@
-package eu.wewox.pagecurl.components
-
-import androidx.compose.foundation.gestures.awaitFirstDown
-import androidx.compose.foundation.gestures.forEachGesture
-import androidx.compose.foundation.gestures.waitForUpOrCancellation
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.input.pointer.pointerInput
-import androidx.compose.ui.unit.center
-import androidx.compose.ui.unit.toOffset
-
-internal fun Modifier.overlayControls(
-    next: () -> Unit,
-    prev: () -> Unit,
-    center: () -> Unit,
-): Modifier = pointerInput(Unit) {
-    forEachGesture {
-        awaitPointerEventScope {
-            val down = awaitFirstDown().also { it.consume() }
-            val up = waitForUpOrCancellation() ?: return@awaitPointerEventScope
-            up.consume()
-            if ((down.position - up.position).getDistance() > viewConfiguration.touchSlop) {
-                return@awaitPointerEventScope
-            }
-
-            if ((up.position - size.center.toOffset()).getDistance() < 100f) {
-                center()
-                return@awaitPointerEventScope
-            }
-
-            if (up.position.x < size.width / 2) {
-                prev()
-            } else {
-                next()
-            }
-        }
-    }
-}

demo/src/main/kotlin/eu/wewox/pagecurl/components/SettingsPopup.kt

@@ -1,11 +1,17 @@
+@file:OptIn(ExperimentalPageCurlApi::class)
+
 package eu.wewox.pagecurl.components
 
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.Card
-import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Switch
 import androidx.compose.material.Text
 import androidx.compose.material.TextButton
 import androidx.compose.runtime.Composable
@@ -13,43 +19,95 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.window.Popup
+import androidx.compose.ui.window.PopupProperties
+import eu.wewox.pagecurl.ExperimentalPageCurlApi
+import eu.wewox.pagecurl.config.InteractionConfig
+
+internal sealed interface SettingsAction {
+    object GoToFirst : SettingsAction
+    object GoToLast : SettingsAction
+    class ForwardDragEnabled(val value: Boolean) : SettingsAction
+    class BackwardDragEnabled(val value: Boolean) : SettingsAction
+    class ForwardTapEnabled(val value: Boolean) : SettingsAction
+    class BackwardTapEnabled(val value: Boolean) : SettingsAction
+}
 
 @Composable
 internal fun SettingsPopup(
-    onSnapToFirst: () -> Unit,
-    onSnapToLast: () -> Unit,
+    interactionConfig: InteractionConfig,
+    onAction: (SettingsAction) -> Unit,
     onDismiss: () -> Unit,
 ) {
     Popup(
         alignment = Alignment.Center,
+        properties = PopupProperties(focusable = true),
         onDismissRequest = onDismiss,
     ) {
         Card(
             shape = RoundedCornerShape(24.dp),
-            backgroundColor = MaterialTheme.colors.primary,
             elevation = 16.dp,
         ) {
             Column(
                 verticalArrangement = Arrangement.spacedBy(8.dp),
-                modifier = Modifier.padding(8.dp)
+                modifier = Modifier
+                    .width(IntrinsicSize.Max)
+                    .padding(8.dp)
             ) {
-                TextButton(
-                    onClick = onSnapToFirst
-                ) {
-                    Text(
-                        text = "Go to first",
-                        color = MaterialTheme.colors.onPrimary
-                    )
+                TextButton(onClick = { onAction(SettingsAction.GoToFirst) }) {
+                    Text("Go to first")
                 }
-                TextButton(
-                    onClick = onSnapToLast
-                ) {
-                    Text(
-                        text = "Go to last",
-                        color = MaterialTheme.colors.onPrimary
-                    )
+                TextButton(onClick = { onAction(SettingsAction.GoToLast) }) {
+                    Text("Go to last")
                 }
+
+                val switchRowModifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 10.dp)
+                SwitchRow(
+                    text = "Forward drag enabled",
+                    enabled = interactionConfig.drag.forward.enabled,
+                    onChanged = { onAction(SettingsAction.ForwardDragEnabled(it)) },
+                    modifier = switchRowModifier
+                )
+                SwitchRow(
+                    text = "Backward drag enabled",
+                    enabled = interactionConfig.drag.backward.enabled,
+                    onChanged = { onAction(SettingsAction.BackwardDragEnabled(it)) },
+                    modifier = switchRowModifier
+                )
+                SwitchRow(
+                    text = "Forward tap enabled",
+                    enabled = interactionConfig.tap.forward.enabled,
+                    onChanged = { onAction(SettingsAction.ForwardTapEnabled(it)) },
+                    modifier = switchRowModifier
+                )
+                SwitchRow(
+                    text = "Backward tap enabled",
+                    enabled = interactionConfig.tap.backward.enabled,
+                    onChanged = { onAction(SettingsAction.BackwardTapEnabled(it)) },
+                    modifier = switchRowModifier
+                )
             }
         }
     }
 }
+
+@Composable
+private fun SwitchRow(
+    text: String,
+    enabled: Boolean,
+    onChanged: (Boolean) -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Row(
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = modifier,
+    ) {
+        Text(text = text)
+        Switch(
+            checked = enabled,
+            onCheckedChange = onChanged
+        )
+    }
+}