tankz/res/layout/main.json

{
  "type": "haxework.gui.VGroupView",
  "pWidth": 100, "pHeight": 100,
  "views": [
    {
      "id":"top", "type": "haxework.gui.HGroupView",
      "pWidth": 100, "height": 30,
      "skin": {"type": "haxework.gui.skin.ColorSkin", "color": "0x105000"},
      "views": [
        {
          "id": "logout", "type": "haxework.gui.ButtonView",
          "width": 100, "height": 30,
          "skin": {"type": "haxework.gui.skin.ButtonColorSkin"},
          "text": "Logout"
        }
      ]
    },
    {
      "id": "switcher", "type": "haxework.frame.FrameSwitcher",
      "pWidth": 100, "pHeight": 100,
      "skin": {"type": "haxework.gui.skin.ColorSkin", "color": "0x50a000"},
      "views": [
        {
          "id": "auth", "type": "ru.m.tankz.view.frames.AuthFrame",
          "pWidth": 100, "pHeight": 100, "layoutMargin": 3,
          "views": [
            {
              "id": "login", "type": "haxework.gui.HGroupView",
              "contentSize": true,
              "views": [
                {
                  "type": "haxework.gui.LabelView",
                  "width": 150, "height": 25, "text": "Login"
                },
                {
                  "id": "input", "type": "haxework.gui.InputView",
                  "skin": {"type": "haxework.gui.skin.ColorSkin", "color": "0xffffff"},
                  "width": 200, "height": 25, "text": ""
                }
              ]
            },
            {
              "id": "password", "type": "haxework.gui.HGroupView",
              "contentSize": true,
              "views": [
                {
                  "type": "haxework.gui.LabelView",
                  "width": 150, "height": 25, "text": "Password"
                },
                {
                  "id": "input", "type": "haxework.gui.InputView",
                  "skin": {"type": "haxework.gui.skin.ColorSkin", "color": "0xffffff"},
                  "width": 200, "height": 25, "text": ""
                }
              ]
            },

            {
              "id": "auth",
              "type": "haxework.gui.ButtonView",
              "width": 100,
              "height": 30,
              "skin": {"type": "haxework.gui.skin.ButtonColorSkin"},
              "text": "Auth"
            }
          ]
        },


        {
          "id": "person_list", "type": "ru.m.tankz.view.frames.PersonListFrame",
          "pWidth": 100, "pHeight": 100, "layoutMargin": 3, "paddings": 10,
          "views": [
            {
              "id": "list", "type": "haxework.gui.list.VListView",
              "factory": {
                "type": "~ru.m.tankz.view.frames.person.PersonView"
              },
              "scroll": {
                "type": "haxework.gui.list.VScrollView",
                "skin": {"type": "haxework.gui.list.VScrollSkin"}
              },
              "pWidth": 100, "pHeight": 100, "layoutMargin": 5
            }
          ]
        },


        {
          "id": "game_list", "type": "ru.m.tankz.view.frames.GameListFrame",
          "pWidth": 100, "pHeight": 100,
          "views": [
            {
              "id": "name", "type": "haxework.gui.LabelView",
              "pWidth": 100, "height": 25, "text": ""
            },
            {
              "id": "create", "type": "haxework.gui.ButtonView",
              "width": 100, "height": 30,
              "skin": {"type": "haxework.gui.skin.ButtonColorSkin"},
              "text": "Create"
            },
            {
              "id": "list", "type": "haxework.gui.list.VListView",
              "factory": {
                "type": "~ru.m.tankz.view.frames.game.GameView"
              },
              "scroll": {
                "type": "haxework.gui.list.VScrollView",
                "skin": {"type": "haxework.gui.list.VScrollSkin"}
              },
              "pWidth": 100, "pHeight": 100, "layoutMargin": 5
            }
          ]
        },


        {
          "id": "game_ready", "type": "ru.m.tankz.view.frames.GameReadyFrame",
          "pWidth": 100, "pHeight": 100,
          "views": [
            {
              "id": "name", "type": "haxework.gui.LabelView",
              "pWidth": 100, "height": 25, "text": ""
            },
            {
              "id": "start", "type": "haxework.gui.ButtonView",
              "width": 100, "height": 30,
              "skin": {"type": "haxework.gui.skin.ButtonColorSkin"},
              "text": "Start"
            },
            {
              "id": "exit", "type": "haxework.gui.ButtonView",
              "width": 100, "height": 30,
              "skin": {"type": "haxework.gui.skin.ButtonColorSkin"},
              "text": "Exit"
            },
            {
              "id": "list", "type": "haxework.gui.list.VListView",
              "factory": {
                "type": "~ru.m.tankz.view.frames.game.PersonView"
              },
              "scroll": {
                "type": "haxework.gui.list.VScrollView",
                "skin": {"type": "haxework.gui.list.VScrollSkin"}
              },
              "pWidth": 100, "pHeight": 100, "layoutMargin": 5
            }
          ]
        },


        {
          "id": "game", "type": "ru.m.tankz.view.frames.GameFrame",
          "pWidth": 100, "pHeight": 100,
          "views": [
            {
              "id": "name", "type": "haxework.gui.LabelView",
              "pWidth": 100, "height": 25, "text": ""
            },
            {
              "id": "restart", "type": "haxework.gui.ButtonView",
              "width": 100, "height": 30,
              "skin": {"type": "haxework.gui.skin.ButtonColorSkin"},
              "text": "Restart"
            },
            {
              "id": "render", "type": "ru.m.tankz.render.Render",
              "contentSize": true
            }
          ]
        }
      ]
    }
  ]
}