[view] fixes

demo/src/demo/Demo.hx

@@ -16,7 +16,7 @@ import haxework.view.group.VGroupView;
     @:view var tabs:ButtonGroup<String>;
 
     private function init():Void {
-        switcher.change("tail");
+        switcher.change("list");
     }
 
     private function onFrameSwitch(frame:FrameView<Dynamic>):Void {

demo/src/demo/DemoView.yaml

@@ -11,7 +11,7 @@ views:
       geometry.width: 100%
       geometry.padding.left: 5
       geometry.margin.bottom: -6
-      buttonStyle: tab
+      buttonStyle: button.tab
       +onDataSelect: ~function(id) switcher.change(id)
       data:
         - "list"

src/main/haxework/view/View.hx

@@ -74,7 +74,11 @@ class View<C:DisplayObject> implements IView<C> {
     }
 
     public function update():Void {
-        setSize(geometry.width.fixed, geometry.height.fixed, "geometry");
+        setSize(
+            geometry.width.fixed - geometry.padding.horizontal,
+            geometry.height.fixed - geometry.padding.vertical,
+            "geometry"
+        );
     }
 
     public function redraw():Void {

src/main/haxework/view/frame/FrameSwitcher.hx

@@ -57,7 +57,7 @@ class FrameSwitcher extends GroupView {
         }
         addView(current);
         toUpdate();
-        //update();
+        update();
         //ToDo:
         if (content.stage != null) {
             content.stage.focus = current.content;

src/main/haxework/view/skin/ButtonColorSkin.hx

@@ -4,29 +4,31 @@ import flash.display.CapsStyle;
 import flash.display.Graphics;
 import flash.display.JointStyle;
 import flash.display.LineScaleMode;
-import haxework.color.ColorUtil;
+import haxework.color.Color;
 import haxework.view.form.ButtonView;
 import haxework.view.form.ToggleButtonView;
 
+using haxework.color.ColorUtil;
+
 class ButtonColorSkin implements ISkin<ButtonView> {
 
-    public var color(default, default):Int;
+    public var color(default, default):Color;
-    public var borderColor(default, default):Int;
+    public var borderColor(default, default):Null<Color>;
     public var round(default, default):Float;
     private var colors:Map<ButtonState, Int>;
 
-    public function new(color:Int = 0xffffff, borderColor:Int = -1, round:Float = 15) {
+    public function new(?color:Color, ?borderColor:Color, round:Float = 15) {
-        this.color = color;
+        this.color = color != null ? color : 0xffffff;
         this.borderColor = borderColor;
         this.round = round;
     }
 
     public function draw(view:ButtonView):Void {
-        var color:Int = stateColor(color, view.state);
+        var color:Color = stateColor(color, view.state);
-        var borderColor:Int  = borderColor > -1 ? borderColor : ColorUtil.multiply(color, 1.5);
+        var borderColor:Color = borderColor != null ? borderColor : color.multiply(1.5);
         if (Std.is(view, ToggleButtonView)) {
             if (!cast(view, ToggleButtonView).on) {
-                color = ColorUtil.multiply(color, 0.5);
+                color = color.multiply(0.5);
             }
         }
         var graphics:Graphics = view.content.graphics;
@@ -37,12 +39,12 @@ class ButtonColorSkin implements ISkin<ButtonView> {
         graphics.endFill();
     }
 
-    private static function stateColor(color:Int, state:ButtonState):Int {
+    private static function stateColor(color:Color, state:ButtonState):Color {
         return switch state {
             case UP: color;
-            case DOWN: ColorUtil.diff(color, -24);
+            case DOWN: color.diff(-24);
-            case OVER: ColorUtil.diff(color, 24);
+            case OVER: color.diff(24);
-            case DISABLED: ColorUtil.multiply(color, 0.6);
+            case DISABLED: color.multiply(0.6);
         }
     }
 }

src/main/haxework/view/skin/Skin.hx

@@ -1,6 +1,7 @@
 package haxework.view.skin;
 
 import flash.display.BitmapData;
+import haxework.color.Color;
 import haxework.view.form.ButtonView;
 import haxework.view.utils.DrawUtil;
 
@@ -16,7 +17,7 @@ class Skin {
         return new SpriteSkin({color: color, alpha: alpha});
     }
 
-    public static function buttonColor(color:Int, borderColor:Int = -1):ISkin<ButtonView> {
+    public static function buttonColor(color:Color, ?borderColor:Color):ISkin<ButtonView> {
         return new ButtonColorSkin(color, borderColor);
     }
 

src/main/haxework/view/text/FontPreset.hx

@@ -6,18 +6,18 @@ import flash.text.TextFormatAlign;
 class FontPreset {
     public var family(default, default):String;
     public var embed(default, default):Bool;
-    public var color(default, default):Color;
+    public var color(default, default):Null<Color>;
-    public var size(default, default):Int;
+    public var size(default, default):Null<Int>;
     public var bold(default, default):Bool;
     public var align(default, default):TextFormatAlign;
 
-    public function new(family:String = null, embed:Bool = false, color:Color = null, size:Int = 16,
+    public function new(?family:String, ?embed:Bool, ?color:Color, ?size:Int,
-                        bold:Bool = false, align:TextFormatAlign = null) {
+                        ?bold:Bool, ?align:TextFormatAlign) {
         this.family = family;
         this.embed = embed;
-        this.color = color != null ? color : 0xffffff;
+        this.color = color;
         this.size = size;
         this.bold = bold;
-        this.align = align != null ? align : TextFormatAlign.LEFT;
+        this.align = align;
     }
 }

src/main/haxework/view/theme/FontStyle.hx

@@ -12,7 +12,23 @@ class FontStyle implements IStyle<ITextView> {
     }
 
     public function apply(view:ITextView):Void {
-        view.font = font;
+        var update = false;
+        if (font.family != null) {
+            view.font.family = font.family;
+            view.font.embed = font.embed;
+            update = true;
+        }
+        if (font.color != null) {
+            view.font.color = font.color;
+            update = true;
+        }
+        if (font.size != null) {
+            view.font.size = font.size;
+            update = true;
+        }
+        // ToDo: other properties
+        if (update) {
             view.toUpdate();
         }
     }
+}

src/main/haxework/view/theme/GeometryStyle.hx

@@ -29,6 +29,7 @@ class GeometryStyle implements IStyle<IView<Dynamic>> {
             update = true;
         }
         if (update) {
+            view.toUpdate();
             view.toUpdateParent();
         }
     }

src/main/haxework/view/theme/LayoutStyle.hx

@@ -1,5 +1,6 @@
 package haxework.view.theme;
 
+import haxework.view.geometry.HAlign;
 import haxework.view.group.IGroupView;
 import haxework.view.layout.ILayout;
 
@@ -12,7 +13,21 @@ class LayoutStyle implements IStyle<IGroupView> {
     }
 
     public function apply(view:IGroupView):Void {
-        view.layout = layout;
+        var update = false;
+        if (layout.margin != 0) {
+            view.layout.margin = layout.margin;
+            update = true;
+        }
+        if (layout.hAlign != NONE) {
+            view.layout.hAlign = layout.hAlign;
+            update = true;
+        }
+        if (layout.vAlign != NONE) {
+            view.layout.vAlign = layout.vAlign;
+            update = true;
+        }
+        if (update) {
             view.toUpdate();
         }
     }
+}

src/main/haxework/view/theme/Theme.hx

@@ -97,8 +97,9 @@ class Theme implements ITheme {
         styles.put("text", text());
         styles.put("label", text().concat([new GeometryStyle(new Geometry().setPadding([8, 2]))]));
         styles.put("button", button());
+        styles.put("button.active", button(null, null, colors.active));
         styles.put("dropdown", background(null, true));
-        styles.put("tab", text().concat([
+        styles.put("button.tab", text().concat([
             new SkinStyle(Skin.tabColor(this.colors.light)),
             new GeometryStyle(new Geometry().setPadding([25, 8]))
         ]));
@@ -137,12 +138,12 @@ class Theme implements ITheme {
         ];
     }
 
-    public function button(?color:Color, ?textColor:Color):StyleSet {
+    public function button(?color:Color, ?textColor:Color, ?borderColor:Color):StyleSet {
         if (color == null) {
             color = colors.light;
         }
         return text(textColor).concat([
-            new SkinStyle(Skin.buttonColor(color)),
+            new SkinStyle(Skin.buttonColor(color, borderColor)),
             new GeometryStyle(new Geometry().setPadding([25, 8])),
         ]);
     }