[add] scroll to PresetFrame

package.json

@@ -1,6 +1,6 @@
 {
     "name": "puzzlez",
-    "version": "0.1.0",
+    "version": "0.2.0",
     "private": true,
     "devDependencies": {
         "dateformat": "^3.0.3",

src/haxe/ru/m/puzzlez/view/PresetFrame.hx

@@ -2,6 +2,7 @@ package ru.m.puzzlez.view;
 import haxework.view.form.InputView;
 import haxework.view.frame.FrameSwitcher;
 import haxework.view.frame.FrameView;
+import haxework.view.list.ScrollBarView;
 import ru.m.puzzlez.core.GameUtil;
 import ru.m.puzzlez.core.Id;
 import ru.m.puzzlez.storage.ImageStorage;
@@ -10,6 +11,7 @@ import ru.m.puzzlez.storage.ImageStorage;
     public static var ID = "preset";
 
     @:view("image") var imageView:PresetView;
+    @:view("scroll") var scrollView:ScrollBarView;
     @:view("width") var widthView:InputView;
     @:view("height") var heightView:InputView;
 
@@ -22,6 +24,7 @@ import ru.m.puzzlez.storage.ImageStorage;
         super(ID);
         widthView.text = "8";
         heightView.text = "8";
+        scrollView.position = 0.8;
         widthView.update();
         heightView.update();
     }
@@ -32,6 +35,13 @@ import ru.m.puzzlez.storage.ImageStorage;
         updatePreset();
     }
 
+    private function updateGrid(value:Float):Void {
+        var size = 2 + Std.int(value * 8);
+        widthView.text = Std.string(size);
+        heightView.text = Std.string(size);
+        imageView.preset = GameUtil.buildPreset(imageId, size, size);
+    }
+
     private function updatePreset():Void {
         imageView.preset = GameUtil.buildPreset(imageId, Std.parseInt(widthView.text), Std.parseInt(heightView.text));
     }

src/haxe/ru/m/puzzlez/view/PresetFrame.yaml

@@ -20,6 +20,13 @@ views:
         geometry.margin.left: 15
         text: Start
         +onPress: ~start()
+  - id: scroll
+    $type: haxework.view.list.HScrollBarView
+    geometry.width: 100%
+    geometry.height: 20
+    ratio: 0.2
+    position: 0.8
+    +onScroll: ~updateGrid
   - id: image
     $type: ru.m.puzzlez.view.PresetView
     geometry.stretch: true