Просмотр исходного текста страницы Работа с редактором GUI-Creator

= Установка =

Для установки программы в операционных системах GNU/Linux  необходимо:
<ul>
<li> Установить требуемые зависимости:<br>
В RPM-based-дистрибутивах (Red Hat, Fedora, CentOS):
<pre>
yum install qt-devel ftgl-devel lua-devel cmake git make gcc gcc-c++
</pre>
В DEB-based-дистрибутивах (Debian, Ubuntu, Mint и пр.):
<pre>
sudo apt-get install libqt4-dev libftgl-dev liblua5.1-0-dev cmake git build-essential
</pre>

<li> Получить рабочую копию из git-репозитория:
<pre>
cd dir
git clone https://github.com/w1r0x/GUI-Creator
</pre>
где <b>dir</b> - рабочий каталог, в который разрешена запись от имени текущего пользователя.

<li> Создать каталог сборки и сконфигурировать проект:
<pre>
mkdir build
cd build
cmake -DCMAKE_BUILD_TYPE=Release ../GUI-Creator
</pre>

<li> Собрать проект:
<pre>
make
</pre>
</ul>

= Обновление =

Для обновления программы необходимо перейти в папку, содержащую копию репозитория, скопировать из репозитория изменения и пересобрать проект:
<pre>
cd dir/GUI-Creator
git pull
make
</pre>

= Запуск =

=== GNU Linux ===

Редактор можно запускать без параметров:
<pre>
./gui-creator
</pre>
но тогда ему потребуются ресурсы в текущем каталоге, а в списке поддерживаемых языков будет только один язык - английский. Поэтому проще всего скопировать готовые примеры в какой-нибудь каталог (например, в каталог <b>build</b>, в котором находится исполняемый файл <b>gui-creator</b>) и запускать редактор с одним параметром - путем к файлу проекта:
<pre>
cp -r ../GUI-Creator/examples ./
./gui-creator examples/hello_world/hello_world.lua
</pre>

=== MS Windows ===

Если Вы до сих пор живёте виндоузятником в муках, то просто запустите файл <b>gui-creator.exe</b> двойным кликом левой кнопки мыши.

= Описание интерфейса =

Интерфейс программы <b>GUI-Creator</b> интуитивно понятен и в целом повторяет интерфейс популярных программ для работы с графикой, таких как Corel Draw, Adobe Photoshop и т. п.

В верхней части окна программы находятся стандартные меню и панель инструментов. Основную часть окна занимает рабочая область. По умолчанию к правому краю окна програмы прикреплены плавающие окна <b>Спрайты</b>, <b>Шрифты</b>, <b>Свойства</b>, <b>История</b> и <b>Слои</b>. Любое из этих окон можно перетаскивать мышью в любое место экрана и прикреплять к левому (или верхнему, если слева и справа нет прикреплённых панелей) краю окна программы.

=== Меню ===

Строка меню содержит следующие элементы:
<ul>
<li><b>Файл</b> - создание, открытие, сохранение и закрытие файлов.
<li><b>Правка</b> - копирование, вставка, удаление объектов, отмена и повторение действий, настройки.
<li><b>Вид</b> - управление внешним видом окна программы и рабочей области.
<li><b>Объект</b> - управление уровнями объектов.
<li><b>Локализация</b> - выбор языка создаваемого интерфейса.
</ul>

=== Панель инструментов ===

Панель инструментов дублирует основные пункты меню <b>Файл</b>, <b>Правка</b>, <b>Вид</b> и <b>Объект</b> в виде кнопок. Удалять (добавлять) категории действий с панели инструментов можно с помощью списка, появляющегося при нажатии правой кнопки мыши на панели инструментов или на заголовке плавающего окна.

=== Плавающие окна ===

Плавающие окна <b>Спрайты</b> и <b>Шрифты</b> содержат соответственно графические элементы и шрифты, доступные для использования в проекте. Чтобы добавить в проект графический или текстовый элемент, необходимо перетащить его мышью из соответствующего окна в рабочую область. Новые элементы и шрифты можно добавить, скопировав их соответственно в папки <b>sprites</b> и <b>fonts</b> в каталоге, содержащем текущий проект.

<b>Замечание:</b> при редактировании графического элемента в папке <b>sprites</b> с помощью графических редакторов для вступления в силу изменений не требуется перезапуск программы.

Окно <b>Свойства</b> содержит и позволяет изменять имя выделенного объекта, его геометрические параметры, цвет и прозрачность.

Окно <b>Слои</b> позволяет добавлять, дублировать и удалять слои и группы слоёв, а также управлять отображением слоёв и групп слоёв.

Окно <b>История</b> содержит список внесённых в проект изменений и позволяет перемещаться по данному списку.

Удалять (добавлять) плавающие окна можно с помощью списка, появляющегося при нажатии правой кнопки мыши на панели инструментов или на заголовке плавающего окна.

=== Рабочая область ===

В рабочей области производятся все основные действия с элементами интерфейса. По умолчанию рабочая область расчерчена координатной сеткой, которую можно отключить кнопкой <b>Показывать сетку</b> на панели инструментов.  Для добавления графического или текстового объекта в рабочую область необходимо перетащить его мышью из плавающего окна <b>Спрайты</b> или <b>Шрифты</b> соответственно. Над выделенными объектами можно производить следующие действия:
<ul>
<li>Изменение имени.
<li>Геометрические преобразования - перемещения, вращения около произвольного центра, отражения по вертикали и горизонтали, растяжения.
<li>Изменение уровня расположения - перемещение "перпендикулярно плоскости экрана".
<li>Изменение оптических свойств - цвета и прозрачности.
<li>Локализация.
</ul>

=== Горячие клавиши ===

Помимо стандартного набора горячих клавиш (<b>Ctrl</b>+<b>S</b> для сохранения проекта, <b>Ctrl</b>+<b>W</b> для закрытия проекта и т.п.) в программе <b>GUI-Creator</b> используются следующие горячие клавиши:


<table width="100%" border="2">
<tr>
<td><b>Комбинация клавиш</b></td><td><b>Действие</b></td>
</tr>
<tr>
<td><b>Стрелки перемещения курсора</b></td><td>Перемещение элемента по вертикали и горизонтали</td>
</tr>
<tr>
<td><b>Shift</b> (при удержании)</td>
<td>
Перемещение элемента с помощью мыши строго по вертикали, горизонтали или диагоналям.<br>
Растяжение элемента с сохранением пропорций.<br>
Вращение элемента на угол, кратный 45°.
</td>
</tr>
<tr>
<td><b>Колесо мыши</b></td><td>Прокрутка по вертикали</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>Колесо мыши</b></td><td>Прокрутка по горизонтали</td>
</tr>
<tr>
<td><b>Правая кнопка мыши</b> (при удержании)</td><td>Произвольное перемещение рабочей области</td>
</tr>
<tr>
<td><b>Левая кнопка мыши</b></td><td>Выделение объекта.</td>
</tr>
<tr>
<td><b>Левая кнопка мыши</b> (при удержании)</td><td>Выделение произвольного количества объектов рамкой выделения.</td>
</tr>
<tr>
<td><b>Ctrl</b> (при удержании)</td><td>Выделение произвольного количества объектов кликом левой кнопки мыши.</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>+</b></td><td>Увеличить масштаб</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>-</b></td><td>Уменьшить масштаб</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>1</b></td><td>Масштаб 100%</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>2</b></td><td>Масштаб 200%</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>Page Up</b></td><td>Перемещение объекта на один уровень вверх</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>Page Down</b></td><td>Перемещение объекта на один уровень вниз</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>Home</b></td><td>Перемещение объекта на передний план</td>
</tr>
<tr>
<td><b>Ctrl</b>+<b>End</b></td><td>Перемещение объекта на задний план</td>
</tr>
</table>