[orx-panel] Add WatchObjectDiv

2020-07-15 14:31:43 +02:00
parent 3a6e787a46
commit 31dd1a6fa2
4 changed files with 172 additions and 0 deletions
--- a/orx-panel/src/demo/kotlin/DemoWatchObjectDiv01.kt
+++ b/orx-panel/src/demo/kotlin/DemoWatchObjectDiv01.kt
@@ -0,0 +1,75 @@
+import org.openrndr.application
+import org.openrndr.extensions.SingleScreenshot
+import org.openrndr.panel.controlManager
+import org.openrndr.panel.elements.*
+import org.openrndr.panel.style.*
+
+
+fun main() = application {
+    configure {
+        width = 900
+        height = 720
+    }
+    // A very simple state
+    class State {
+        var x = 0
+        var y = 0
+        var z = 0
+    }
+    program {
+        // -- this block is for automation purposes only
+        if (System.getProperty("takeScreenshot") == "true") {
+            extend(SingleScreenshot()) {
+                this.outputFile = System.getProperty("screenshotPath")
+            }
+        }
+        val programState = State()
+        val cm = controlManager {
+            layout {
+                styleSheet(has class_ "matrix") {
+                    this.width = 100.percent
+                }
+
+                styleSheet(has class_ "row") {
+                    this.display = Display.FLEX
+                    this.flexDirection = FlexDirection.Row
+                    this.width = 100.percent
+
+                    child(has type "slider") {
+                        this.width = 80.px
+                    }
+                }
+
+                slider {
+                    label = "x"
+                    precision = 0
+                    bind(programState::x)
+                }
+
+                slider {
+                    label = "y"
+                    precision = 0
+                    bind(programState::y)
+                }
+
+                watchObjectDiv("matrix", watchObject = object {
+                    // for primitive types we have to use property references
+                    val x = programState::x
+                    val y = programState::y
+                }) {
+                    for (y in 0 until watchObject.y.get()) {
+                        div("row") {
+                            for (x in 0 until watchObject.x.get()) {
+                                button() {
+                                    label = "$x, $y"
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        extend(cm)
+    }
+}
+