GUI example in Plugin Creator Tools

[Lobby]

The Plugin Creator Tool contains an example to present the GUI creation possibilities of using Lua in plugins.

Actually useful is this window that shows the Icon, Font and NinePatch resources that are available within the game. A tap on the "copy" button copies the code used to access something into the clipboard, e.g. "Icon.OK" for the ok icon.



Here you can see how various aspects of this tool were implemented :

Code: Select all    Reset

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
-- Show the menu with the close action closing the provided dialog
local function showMenu(dialog)
  local parent = GUI.get'$menuparent'
  GUI.createMenu{
    source = parent,
    actions = {
      {icon = Icon.OK, text = 'A', onClick = function() Debug.toast('yo') end},
      {icon = Icon.CANCEL, text = 'B', enabled = false},
      {},
      {icon = Icon.CLOSE, text = 'Close', onClick = dialog.close}
    }
  }
end
-- Show the dialog window that contains various GUI object usage examples
local function showObjectsDialog()
  local dialog = GUI.createDialog{
    icon = Icon.REGION_SPLIT,
    title = 'Objects',
    height = 240
  }
  local layout = dialog.content:addLayout{
    vertical = true
  }
  local function addLine(label, height)
    local line = layout:addLayout{height = height}
    line:addLabel{text = label, w = 60}
    return line:addLayout{ x = 62 }
  end
  local sliderValue = 0.5
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Lua editor

Run

Output: Select all

...

Here the plugin is of type tool and uses real-time scripting for testing purposes :

Code: Select all    Reset

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
[{
  "once":true,
  "id":"$devtool_showguiexample00",
  "type":"tool",
  "category":"$devtool_category00",
  "preview frames":[{"bmp":"guiicon.png"}],
  "title":"GUI preview",
  "text":"This tool provides an example for what can be done in regard to UI using Lua.",
  "script":"#LuaWrapper",
  "meta":{
    "luawrapper":{
    "script":"GUIExample.lua",
      "dev":true
    }
  }
}]
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

JSON checker

Check

Output: Select all

...

[MarioBitMap]

AMAZING!! I'd love trying to do a plug-in with some menus when I learn a little bit of complex Lua.

[Hadestia]

Can we use gui on building taps? As substitute to the onClick notif or its info itself