[view] rework view size system

demo/build.hxml

@@ -5,10 +5,10 @@
 --macro haxework.parser.Parser.auto()
 -debug
 -D native_trace
-#-D dev_layout
+-D dev_layout
 -swf-version 10.1
 -swf-header 800:600:30:000000
 
--main demo.Demo
+-main demo.Test
 -swf target/demo.swf
 #-as3 target

demo/src/demo/Test.hx

@@ -0,0 +1,17 @@
+package demo;
+
+import demo.test.TestView;
+import haxework.view.Root;
+import haxework.view.SpriteView;
+
+class Test {
+    public static function main():Void {
+        new Test();
+    }
+
+    public function new() {
+        trace("Test");
+        var view = new SpriteView();
+        Root.bind(new TestView());
+    }
+}

demo/src/demo/test/TestView.hx

@@ -0,0 +1,7 @@
+package demo.test;
+
+import haxework.view.group.GroupView;
+
+@:template class TestView extends GroupView {
+
+}

demo/src/demo/test/TestView.yaml

@@ -0,0 +1,51 @@
+---
+geometry.padding: 10
+views:
+    -   $type: haxework.view.group.HGroupView
+        geometry.padding: 10
+        geometry.width: 100%
+        layout.margin: 10
+        layout.vAlign: middle
+        skin:
+            $type: haxework.view.skin.ColorSkin
+            color: 0xffff00
+        views:
+            -   $type: haxework.view.SpriteView
+                geometry.width: 100
+                geometry.height: 100
+                skin:
+                    $type: haxework.view.skin.ColorSkin
+                    color: 0xff0000
+            -   $type: haxework.view.group.VGroupView
+                geometry.padding: 10
+                layout.margin: 10
+                skin:
+                    $type: haxework.view.skin.ColorSkin
+                    color: 0x00ffff
+                views:
+                    -   $type: haxework.view.SpriteView
+                        geometry.width: 100
+                        geometry.height: 100
+                        size:
+                            _test_: [200, 200]
+                        skin:
+                            $type: haxework.view.skin.ColorSkin
+                            color: 0xff0000
+                    -   $type: haxework.view.SpriteView
+                        geometry.width: 100
+                        geometry.height: 100
+                        skin:
+                            $type: haxework.view.skin.ColorSkin
+                            color: 0xff0000
+            -   $type: haxework.view.SpriteView
+                geometry.width: 60%
+                geometry.height: 100%
+                skin:
+                    $type: haxework.view.skin.ColorSkin
+                    color: 0xff0000
+            -   $type: haxework.view.SpriteView
+                geometry.width: 40%
+                geometry.height: 80%
+                skin:
+                    $type: haxework.view.skin.ColorSkin
+                    color: 0xff0000