Update samples

samples/ui/src/commonMain/kotlin/main.kt

@@ -0,0 +1,115 @@
+import com.soywiz.klock.*
+import com.soywiz.korge.*
+import com.soywiz.korge.debug.*
+import com.soywiz.korge.html.*
+import com.soywiz.korge.input.*
+import com.soywiz.korge.service.process.*
+import com.soywiz.korge.tween.*
+import com.soywiz.korge.ui.*
+import com.soywiz.korge.view.*
+import com.soywiz.korgw.*
+import com.soywiz.korim.bitmap.*
+import com.soywiz.korim.color.*
+import com.soywiz.korim.font.*
+import com.soywiz.korim.format.*
+import com.soywiz.korio.file.std.*
+import com.soywiz.korio.util.*
+import com.soywiz.korma.interpolation.*
+
+suspend fun main3() = Korge(quality = GameWindow.Quality.PERFORMANCE, title = "UI", bgcolor = Colors["#1c1e0e"]) {
+    val container = fixedSizeContainer(width, height, clip = true) { }
+    container.korui {
+        addChild(UiEditProperties(app, container, views))
+        /*
+        vertical {
+            horizontal {
+                preferredWidth = 100.percent
+                //minimumWidth = 100.percent
+                button("HELLO", {
+                    //minimumWidth = 50.percent
+                    preferredWidth = 70.percent
+                    //preferredHeight = 32.pt
+                })
+                button("WORLD", {
+                    preferredWidth = 30.percent
+                    preferredHeight = 32.pt
+                })
+            }
+            button("DEMO").apply {
+                visible = false
+            }
+            button("TEST")
+            checkBox("CheckBox", checked = true)
+            comboBox("test", listOf("test", "demo"))
+        }
+        */
+    }
+}
+
+suspend fun main() = Korge(quality = GameWindow.Quality.PERFORMANCE, title = "UI") {
+	val nativeProcess = NativeProcess(views)
+
+    uiSkin = UISkin {
+        val colorTransform = ColorTransform(0.7, 0.9, 1.0)
+        this.uiSkinBitmap = this.uiSkinBitmap.withColorTransform(colorTransform)
+        this.buttonBackColor = this.buttonBackColor.transform(colorTransform)
+        this.textFont = resourcesVfs["uifont.fnt"].readBitmapFont()
+    }
+
+    uiButton(256.0, 32.0) {
+		text = "Disabled Button"
+		position(128, 128)
+		onClick {
+			println("CLICKED!")
+		}
+		disable()
+	}
+    uiButton(256.0, 32.0) {
+		text = "Enabled Button"
+		position(128, 128 + 32)
+		onClick {
+			println("CLICKED!")
+			nativeProcess.close()
+		}
+		enable()
+	}
+
+	uiScrollBar(256.0, 32.0, 0.0, 32.0, 64.0) {
+		position(64, 64)
+		onChange {
+			println(it.ratio)
+		}
+	}
+	uiScrollBar(32.0, 256.0, 0.0, 16.0, 64.0) {
+		position(64, 128)
+		onChange {
+			println(it.ratio)
+		}
+	}
+
+	uiCheckBox {
+		position(128, 128 + 64)
+	}
+
+	uiComboBox(items = listOf("ComboBox", "World", "this", "is", "a", "list", "of", "elements")) {
+		position(128, 128 + 64 + 32)
+	}
+
+	uiScrollableArea(config = {
+		position(480, 128)
+	}) {
+		for (n in 0 until 16) {
+            uiButton(text = "HELLO $n").position(0, n * 64)
+		}
+	}
+
+	val progress = uiProgressBar {
+		position(64, 32)
+		current = 0.5
+	}
+
+	while (true) {
+		tween(progress::ratio[1.0], time = 1.seconds, easing = Easing.EASE_IN_OUT)
+		tween(progress::ratio[1.0, 0.0], time = 1.seconds, easing = Easing.EASE_IN_OUT)
+	}
+}