(WIP)

Author: Godin

build.gradle.kts

@@ -32,3 +32,7 @@ composeCompiler {
     includeTraceMarkers = true
     includeSourceInformation = true
 }
+
+compose.desktop.application {
+    mainClass = "org.example.MainKt"
+}

src/main/kotlin/org/example/Animation.kt

@@ -0,0 +1,52 @@
+package org.example
+
+import androidx.compose.animation.animateContentSize
+import androidx.compose.animation.core.animateDpAsState
+import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.offset
+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
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.scale
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun Animation() {
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .animateContentSize(),
+        contentAlignment = androidx.compose.ui.Alignment.Center
+    ) {
+        var step by remember { mutableStateOf(0) }
+        val scale: Float by animateFloatAsState(if (step > 0) 4f else 1f)
+        val pos by animateDpAsState(if (step > 1) 100.dp else 0.dp)
+        Text(
+            """
+                line 1
+                line 2
+                line 3
+                line 4
+                line 5
+                line 6
+                line 7
+                line 8
+                line 9
+                line 10
+                """.trimIndent(),
+            modifier = Modifier
+                .offset(x = 0.dp, y = pos)
+                .scale(scale)
+                .clickable {
+                    step++
+                }
+        )
+    }
+}

src/main/kotlin/org/example/Main.kt

@@ -0,0 +1,65 @@
+package org.example
+
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+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
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.input.key.Key
+import androidx.compose.ui.input.key.KeyEventType
+import androidx.compose.ui.input.key.key
+import androidx.compose.ui.input.key.type
+import androidx.compose.ui.window.Window
+import androidx.compose.ui.window.application
+import kotlin.math.max
+import kotlin.math.min
+
+data class Slide(val content: @Composable () -> Unit)
+
+val slides = listOf(
+    Slide {
+        Text("Slide 1")
+    },
+    Slide {
+        Text("Slide 2")
+    },
+);
+
+@Composable
+fun presentation(currentSlideIndex: Int) {
+    Box(
+        Modifier
+            .fillMaxSize()
+    ) {
+        slides.forEachIndexed { slideIndex, slide ->
+            AnimatedVisibility(
+                visible = slideIndex == currentSlideIndex,
+            ) {
+                slide.content()
+            }
+        }
+    }
+}
+
+// TODO try compose for web
+fun main() = application {
+    var currentSlideIndex by remember { mutableStateOf(0) }
+    Window(
+        onCloseRequest = ::exitApplication,
+        onKeyEvent = onKeyEvent@{ event ->
+            if (event.type != KeyEventType.KeyDown) return@onKeyEvent false
+            when (event.key) {
+                Key.DirectionLeft -> currentSlideIndex = max(currentSlideIndex - 1, 0)
+                Key.DirectionRight -> currentSlideIndex = min(currentSlideIndex + 1, slides.size - 1)
+            }
+            return@onKeyEvent true
+        }
+    ) {
+        presentation(currentSlideIndex)
+    }
+}