Arma 2: User Interface Editor - Revision history

Lou Montana: Some wiki formatting

2023-12-06T09:43:06Z

Some wiki formatting

Lou Montana: Text replacement - "\[ (https?:\/\/[^ = ]+) +([^= ]+) \]" to "{{Link|$1|$2}}"

2023-04-28T14:09:03Z

Text replacement - "\[ *(https?:\/\/[^ = ]+) +([^= ]+) *\]" to "{{Link|$1|$2}}"

← Older revision		Revision as of 16:09, 28 April 2023
Line 2:		Line 2:
	== Installation ==		== Installation ==

	<span style="font-size:200%">'''[http://moricky.com/items/stra_gui.rar Download GUI editor]'''</span>		<span style="font-size:200%">'''{{Link\|http://moricky.com/items/stra_gui.rar\|Download GUI editor}}'''</span>

	[http://moricky.com/items/stra_gui_preview.rar Download Preview Mission]		{{Link\|http://moricky.com/items/stra_gui_preview.rar\|Download Preview Mission}}

	* Current version: '''1.03'''		* Current version: '''1.03'''

Lou Montana: Text replacement - "{{arma2}}" to "{{arma2}}"

2021-07-20T00:53:09Z

Text replacement - "[[{{arma2}}]]" to "{{arma2}}"

← Older revision		Revision as of 02:53, 20 July 2021
Line 7:		Line 7:

	* Current version: '''1.03'''		* Current version: '''1.03'''
	* Compatible with: [[{{arma2}}]]; [[{{arma2oa}}]]		* Compatible with: [[:Category:Arma 2\|{{arma2}}]]; [[{{arma2oa}}]]

R3vo: Text replacement - "Category:Dialogs" to "Category:GUI Topics"

2021-01-07T22:09:46Z

Text replacement - "Category:Dialogs" to "Category:GUI Topics"

← Older revision		Revision as of 00:09, 8 January 2021
Line 177:		Line 177:


	[[Category:~~Dialogs~~]]		[[Category:GUI Topics]]

Lou Montana: Text replacement - "{{SideTOC}}" to "{{TOC|side}}"

2020-12-29T02:22:23Z

Text replacement - "{{SideTOC}}" to "{{TOC|side}}"

← Older revision		Revision as of 04:22, 29 December 2020
Line 1:		Line 1:
	{{~~SideTOC~~}}		{{TOC\|side}}
	== Installation ==		== Installation ==

Lou Montana: Fix ArmA 2 → Arma 2 link

2020-02-23T12:36:04Z

Fix ArmA 2 → Arma 2 link

← Older revision		Revision as of 14:36, 23 February 2020
Line 1:		Line 1:
	~~[[Category:Dialogs]]~~		{{SideTOC}}
	== Installation ==		== Installation ==

	<span style="font-size:200%">'''[http://moricky.com/items/stra_gui.rar Download GUI editor]'''</span>		<span style="font-size:200%">'''[http://moricky.com/items/stra_gui.rar Download GUI editor]'''</span>

Line 6:		Line 7:

	* Current version: '''1.03'''		* Current version: '''1.03'''
	* Compatible with: [[~~ArmA_2\|Arma 2~~]]; [[~~ArmA_2:_Operation_Arrowhead\|Arma 2: OA~~]]		* Compatible with: [[{{arma2}}]]; [[{{arma2oa}}]]


	Copy file ''stra_gui.pbo'' into your Arma 2 or Arma 2: OA addons folder.		Copy file ''stra_gui.pbo'' into your Arma 2 or Arma 2: OA addons folder.


	== Running ==		== Running ==

	Place Functions module and during game, execute following code:		Place Functions module and during game, execute following code:
	[] call BIS_fnc_GUIeditor;		[] call BIS_fnc_GUIeditor;


	== First steps ==		== First steps ==

	* GUI Editor is transferring data to and from game by copying to clipboard. To load some interface, simply copy it (Ctrl + C) and import it in game using Ctrl + L.		* GUI Editor is transferring data to and from game by copying to clipboard. To load some interface, simply copy it (Ctrl + C) and import it in game using Ctrl + L.
	* Same way, when exporting, result is again copied to clipboard and you can paste it using Ctrl+V anywhere you need.		* Same way, when exporting, result is again copied to clipboard and you can paste it using Ctrl+V anywhere you need.
Line 21:		Line 26:
	* Custom params (Ctrl + RMB) are params which are exported, but their effects cannot be seen in editor itself.		* Custom params (Ctrl + RMB) are params which are exported, but their effects cannot be seen in editor itself.
	** If you define some param which is already set by classic editing (idc, text, position ...), custom param will have larger priority.		** If you define some param which is already set by classic editing (idc, text, position ...), custom param will have larger priority.


	== Controls ==		== Controls ==

	=== LMB===		=== LMB===

	*'''Click and hold over GUI element''' - Move element		*'''Click and hold over GUI element''' - Move element
	*''' Ctrl''' - Align to grid		*''' Ctrl''' - Align to grid
Line 30:		Line 38:

	=== RMB ===		=== RMB ===

	*'''Click on GUI element''' - Modify element parameters		*'''Click on GUI element''' - Modify element parameters
	*'''Ctrl + Click on GUI element''' - Modify custom element parameters (changes won't be visible)		*'''Ctrl + Click on GUI element''' - Modify custom element parameters (changes won't be visible)
Line 35:		Line 44:

	=== Key Shortcuts ===		=== Key Shortcuts ===

	*'''H''' - Help		*'''H''' - Help
	*'''G''' - Show/hide grid		*'''G''' - Show/hide grid
Line 74:		Line 84:

	== Export ==		== Export ==

	=== Editor format ===		=== Editor format ===

	'''Ctrl + S'''		'''Ctrl + S'''

Line 82:		Line 94:

	=== Editor format (multi-line) ===		=== Editor format (multi-line) ===

	'''Alt + Ctrl + S'''		'''Alt + Ctrl + S'''

Line 99:		Line 112:

	=== Config format ===		=== Config format ===

	'''Shift + Ctrl + S'''		'''Shift + Ctrl + S'''
	<~~pre~~>		<syntaxhighlight lang="cpp">
	class RscText_1000: RscText		class RscText_1000: RscText
	{		{
Line 153:		Line 167:
	h = 0.1 * safezoneH;		h = 0.1 * safezoneH;
	};		};
	</~~pre~~>		</syntaxhighlight>


	== Disclaimer ==		== Disclaimer ==
	This is not an ~~offical~~ addon released or approved by Bohemia Interactive or any of ~~ARMA~~ 2 publishers. Use at your own risk.
			This is not an official addon released or approved by Bohemia Interactive or any of {{arma2}} 2 publishers. Use at your own risk.

	As long as it stays free, you can redistribute it or modify it as you wish.		As long as it stays free, you can redistribute it or modify it as you wish.


			[[Category:Dialogs]]

Lou Montana: Lou Montana moved page User Interface Editor (Arma 2) to Arma 2: User Interface Editor: (Arma 2) → Arma 2:

2020-02-23T12:27:43Z

Lou Montana moved page User Interface Editor (Arma 2) to Arma 2: User Interface Editor: (Arma 2) → Arma 2:

← Older revision	Revision as of 14:27, 23 February 2020
(No difference)

Str: moved User Interface Editor to User Interface Editor (Arma 2)

2011-10-22T15:26:15Z

moved User Interface Editor to User Interface Editor (Arma 2)

← Older revision	Revision as of 17:26, 22 October 2011
(No difference)

Str at 23:42, 24 February 2011

2011-02-24T23:42:15Z

← Older revision		Revision as of 01:42, 25 February 2011
Line 52:		Line 52:
	*'''Shift + Ctrl + S + (1-9)''' - Clipboard Export to a config format with given number of tabs (1-9)		*'''Shift + Ctrl + S + (1-9)''' - Clipboard Export to a config format with given number of tabs (1-9)
	*'''Ctrl + L''' - Clipboard Import from GUI editor format		*'''Ctrl + L''' - Clipboard Import from GUI editor format
	*'''Ctrl + I''' - Clipboard Import from config
	*'''Ctrl + P''' - Clipboard Export parent classes		*'''Ctrl + P''' - Clipboard Export parent classes
	*'''Shift + Ctrl + P''' - Clipboard Export grid proportions		*'''Shift + Ctrl + P''' - Clipboard Export grid proportions
			*'''Ctrl + I''' - Import from config
	*'''Space''' - Highlights all elements (including invisible ones)		*'''Space''' - Highlights all elements (including invisible ones)

Str at 08:56, 24 February 2011

2011-02-24T08:56:00Z

New page

[[Category:Dialogs]]
== Installation ==
<span style="font-size:200%">'''[http://moricky.com/items/stra_gui.rar Download GUI editor]'''</span>

[http://moricky.com/items/stra_gui_preview.rar Download Preview Mission]

* Current version: '''1.03'''
* Compatible with: [[ArmA_2|Arma 2]]; [[ArmA_2:_Operation_Arrowhead|Arma 2: OA]]

Copy file ''stra_gui.pbo'' into your Arma 2 or Arma 2: OA addons folder.

== Running ==
Place Functions module and during game, execute following code:
[] call BIS_fnc_GUIeditor;

== First steps ==
* GUI Editor is transferring data to and from game by copying to clipboard. To load some interface, simply copy it (Ctrl + C) and import it in game using Ctrl + L.
* Same way, when exporting, result is again copied to clipboard and you can paste it using Ctrl+V anywhere you need.
* When GUI Editor is started, it automatically tries to load content from clipboard.
* Custom params (Ctrl + RMB) are params which are exported, but their effects cannot be seen in editor itself.
** If you define some param which is already set by classic editing (idc, text, position ...), custom param will have larger priority.

== Controls ==
=== LMB===
*'''Click and hold over GUI element''' - Move element
*''' Ctrl''' - Align to grid
*''' Alt''' - Modify size
*''' Alt + Shift''' - Modify size with constant proportions

=== RMB ===
*'''Click on GUI element''' - Modify element parameters
*'''Ctrl + Click on GUI element''' - Modify custom element parameters (changes won't be visible)
*'''Click on free space''' - Add a new element

=== Key Shortcuts ===
*'''H''' - Help
*'''G''' - Show/hide grid
*'''Ctrl + G''' - Modify grid parameters
*'''Alt + G''' - Create grid on element under cursor
*'''Shift + G''' - Toggle between Absolute and Safezone grid
*'''Ctrl + N''' - Add a new element
*'''Delete''' - Delete a current element
*'''Ctrl + C''' - Copy a current element
*'''Ctrl + X''' - Cut a current element
*'''Ctrl + V''' - Paste a copied element
*'''Ctrl + Z''' - Undo
*'''Shift + Ctrl + Z''' - Redo
*'''Ctrl + S''' - Clipboard Export to GUI editor format
*'''Alt + Ctrl + S''' - Clipboard Export to GUI editor format with linebreaks
*'''Shift + Ctrl + S''' - Clipboard Export to a config format
*'''Shift + Ctrl + S + (1-9)''' - Clipboard Export to a config format with given number of tabs (1-9)
*'''Ctrl + L''' - Clipboard Import from GUI editor format
*'''Ctrl + I''' - Clipboard Import from config
*'''Ctrl + P''' - Clipboard Export parent classes
*'''Shift + Ctrl + P''' - Clipboard Export grid proportions
*'''Space''' - Highlights all elements (including invisible ones)

=== Position types ===
Following variants determine in what format the element position will be saved
* '''Absolute''' - absolute position, remains same no matter what UI size or aspect ratio is.
* '''Safezone''' - GUI elements stretches based both on UI width and height. Result may differ on different aspect ratios.
* '''Grid''' - Position is calculated as multiplier of grid parameters.

== Control Panels ==
<gallery>
Image:gui_workspace.jpg|Workspace
Image:gui_element_edit.jpg|Edit Element
Image:gui_element_edit_custom.jpg|Edit Element Custom Params
Image:gui_export.jpg|Exported Dialog
</gallery>

== Export ==
=== Editor format ===
'''Ctrl + S'''

Starts with dollar symbol ($). When you copy this format to clipboard, it can be loaded in editor using '''Ctrl+L'''

$[1.03,[["safezoneX","safezoneY","safezoneW","safezoneH"],"safezoneW / 32","safezoneH / 20"],[1000,"",[1,"",["0.3125 * safezoneW + safezoneX","0.35 * safezoneH + safezoneY","0.375 * safezoneW","0.3 * safezoneH"],[-1,-1,-1,-1],[0,0,0,0.5],[-1,-1,-1,-1],""],[]],[1001,"MyHeader",[1,"Hello World",["0.3125 * safezoneW + safezoneX","0.35 * safezoneH + safezoneY","0.375 * safezoneW","0.05 * safezoneH"],[-1,-1,-1,-1],[0,0,0,0.5],[-1,-1,-1,-1],""],["style = ST_CENTER;"]],[1400,"MyEditbox",[1,"",["0.328125 * safezoneW + safezoneX","0.425 * safezoneH + safezoneY","0.34375 * safezoneW","0.15 * safezoneH"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["idc = 1234;"]],[1700,"MyButtonOK",[1,"Ok",["0.53125 * safezoneW + safezoneX","0.575 * safezoneH + safezoneY","0.140625 * safezoneW","0.1 * safezoneH"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["onButtonClick = |hint ctrltext ((ctrlParent (_this select 0)) displayCtrl 1234);|;"]],[1701,"MyButtonBack",[1,"Cancel",["0.328125 * safezoneW + safezoneX","0.575 * safezoneH + safezoneY","0.140625 * safezoneW","0.1 * safezoneH"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["onButtonClick = |((ctrlParent (_this select 0)) closeDisplay 3000);|;"]]]

=== Editor format (multi-line) ===
'''Alt + Ctrl + S'''

Ready to be included into config or description file.

<pre>/*
$[
1.03,
[["safezoneX","safezoneY","safezoneW","safezoneH"],"safezoneW / 32","safezoneH / 20"],
[1000,"",[1,"",["0.3125 * safezoneW + safezoneX","0.35 * safezoneH + safezoneY","0.375 * safezoneW","0.3 * safezoneH"],[-1,-1,-1,-1],[0,0,0,0.5],[-1,-1,-1,-1],""],[]],
[1001,"MyHeader",[1,"Hello World",["0.3125 * safezoneW + safezoneX","0.35 * safezoneH + safezoneY","0.375 * safezoneW","0.05 * safezoneH"],[-1,-1,-1,-1],[0,0,0,0.5],[-1,-1,-1,-1],""],["style = ST_CENTER;"]],
[1400,"MyEditbox",[1,"",["0.328125 * safezoneW + safezoneX","0.425 * safezoneH + safezoneY","0.34375 * safezoneW","0.15 * safezoneH"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["idc = 1234;"]],
[1700,"MyButtonOK",[1,"Ok",["0.53125 * safezoneW + safezoneX","0.575 * safezoneH + safezoneY","0.140625 * safezoneW","0.1 * safezoneH"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["onButtonClick = |hint ctrltext ((ctrlParent (_this select 0)) displayCtrl 1234);|;"]],
[1701,"MyButtonBack",[1,"Cancel",["0.328125 * safezoneW + safezoneX","0.575 * safezoneH + safezoneY","0.140625 * safezoneW","0.1 * safezoneH"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["onButtonClick = |((ctrlParent (_this select 0)) closeDisplay 3000);|;"]]
]
*/</pre>

=== Config format ===
'''Shift + Ctrl + S'''
<pre>
class RscText_1000: RscText
{
idc = 1000;
x = 0.3125 * safezoneW + safezoneX;
y = 0.35 * safezoneH + safezoneY;
w = 0.375 * safezoneW;
h = 0.3 * safezoneH;
colorBackground[] = {0,0,0,0.5};
};
class MyHeader: RscText
{
style = ST_CENTER;

idc = 1001;
text = "Hello World";
x = 0.3125 * safezoneW + safezoneX;
y = 0.35 * safezoneH + safezoneY;
w = 0.375 * safezoneW;
h = 0.05 * safezoneH;
colorBackground[] = {0,0,0,0.5};
};
class MyEditbox: RscEdit
{
idc = 1234;

x = 0.328125 * safezoneW + safezoneX;
y = 0.425 * safezoneH + safezoneY;
w = 0.34375 * safezoneW;
h = 0.15 * safezoneH;
};
class MyButtonOK: RscShortcutButton
{
onButtonClick = "hint ctrltext ((ctrlParent (_this select 0)) displayCtrl 1234);";

idc = 1700;
text = "Ok";
x = 0.53125 * safezoneW + safezoneX;
y = 0.575 * safezoneH + safezoneY;
w = 0.140625 * safezoneW;
h = 0.1 * safezoneH;
};
class MyButtonBack: RscShortcutButton
{
onButtonClick = "((ctrlParent (_this select 0)) closeDisplay 3000);";

idc = 1701;
text = "Cancel";
x = 0.328125 * safezoneW + safezoneX;
y = 0.575 * safezoneH + safezoneY;
w = 0.140625 * safezoneW;
h = 0.1 * safezoneH;
};
</pre>

== Disclaimer ==
This is not an offical addon released or approved by Bohemia Interactive or any of ARMA 2 publishers. Use at your own risk.

As long as it stays free, you can redistribute it or modify it as you wish.