1 – Getting started

1.1 – Installation

Just double click on the igui.unitypackage file and click import.

1.2 – iGUI Toolbox

To design graphical user interfaces(gui) using iGUI, first you need to open the iGUI Toolbox. You can access the toolbox from Window->iGUI->Toolbox. The first place you have to visit in toolbox is the Settings Panel. You can access the settings panel by clicking the settings button in the toolbox.

1.3 – Settings Panel

1.3.1 – Draw Mode
There are two draw modes in iGUI. The first one is relative mode. In relative mode all items you draw to the scene will have size and positions relative to its parent. And the second one is absolute mode. As the name suggests, in absolute mode all items you draw will have absolute position and size in pixels.

1.3.2 – Snap Settings
You can enable and disable snapping with snap checkbox. Also you can fine tune the snapping distance in pixels by snap tolerance.

1.3.3 – Skin Settings
There are two built in skins in iGUI. The first one is named Normal Display and can be used especially for non-retina display iPhone, iPad or any standalone application. And the second one is named Retina Display which can be used for retina display devices. When you switch between skins, all items that you draw until that time will remain same. Only the new items that you draw to the scene will have the new skin. If you want to apply this skin change to the existing items, all you have to do is to click the Apply to existing button.

1.3.4 – Code Settings
In iGUI you can use Javascript or C# as your event code file language (iGUICode file). But you have to decide which language you will use before creating a root in your scene. Once you’ve created the root then you won’t be able to change the scripting language. The button iGUICode clean-up stands for cleaning up unnecessary variable and event methods. You will need this button since an element’s variable declaration and event methods remain in the iGUICode file even when you delete it from the scene.