{
  "type":"haxework.gui.VGroupView",
  "layoutHAlign":"~haxework.gui.core.HAlign:CENTER",
  "layoutVAlign":"~haxework.gui.core.VAlign:MIDDLE",
  "paddings":20,
  "layoutMargin":10,
  "skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0xff0000"},
  "views":[
    {
      "type":"haxework.gui.View",
      "pWidth":100,
      "pHeight":100,
      "leftMargin":5,
      "rightMargin":10,
      "skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0x00ff00"}
    },
    {
      "type":"haxework.gui.View",
      "vAlign":"~haxework.gui.core.VAlign:BOTTOM",
      "width":50,
      "height":50,
      "leftMargin":5,
      "rightMargin":10,
      "skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0x0000ff"}
    },
    {
      "id":"panel",
      "type":"haxework.gui.HGroupView",
      "layoutHAlign":"~haxework.gui.core.HAlign:RIGHT",
      "layoutVAlign":"~haxework.gui.core.VAlign:MIDDLE",
      "pWidth":100,
      "height":30,
      "paddings":3,
      "layoutMargin":3,
      "skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0xffff00"},
      "views":[
        {
          "id":"button1",
          "type":"haxework.gui.ButtonView",
          "width":100,
          "pHeight":100,
          "skin":{"type":"haxework.gui.skin.ButtonColorSkin", "color":"0xcc0000"},
          "text":"Text1",
          "onPress":"#listener"
        },
        {
          "id":"button2",
          "type":"haxework.gui.ButtonView",
          "contentSize":true,
          "skin":{"type":"haxework.gui.skin.ButtonColorSkin", "color":"0x00cc00"},
          "text":"Text2",
          "fontFamily":"Georgia",
          "fontColor":"0xffffff",
          "onPress":"#listener"
        },
        {
          "id":"button3",
          "type":"haxework.gui.ButtonView",
          "contentSize":true,
          "skin":{"type":"haxework.gui.skin.ButtonColorSkin", "color":"0x00cccc"},
          "text":"Text 3333333333 ddd",
          "fontFamily":"Tahoma",
          "fontColor":"0xff0000",
          "onPress":"#listener"
        }
      ]
    }
  ]
}