Работа с редактором GUI-Creator

Установка

Для установки программы в операционных системах GNU/Linux необходимо:

• Установить требуемые зависимости:
  В RPM-based-дистрибутивах (Red Hat, Fedora, CentOS):

  yum install qt-devel ftgl-devel lua-devel cmake git make gcc gcc-c++
  

  В DEB-based-дистрибутивах (Debian, Ubuntu, Mint и пр.):

  sudo apt-get install libqt4-dev libftgl-dev liblua5.1-0-dev cmake git build-essential
  

• Получить рабочую копию из git-репозитория:

  cd dir
  git clone https://github.com/w1r0x/GUI-Creator
  

  где dir - рабочий каталог, в который разрешена запись от имени текущего пользователя.

• Создать каталог сборки и сконфигурировать проект:

  mkdir build
  cd build
  cmake -DCMAKE_BUILD_TYPE=Release ../GUI-Creator
  

• Собрать проект:

  make
  

Обновление

Для обновления программы необходимо перейти в папку, содержащую копию репозитория, скопировать из репозитория изменения и пересобрать проект:

cd dir/GUI-Creator
git pull
make

Запуск

GNU Linux

Редактор можно запускать без параметров:

./gui-creator

но тогда ему потребуются ресурсы в текущем каталоге, а в списке поддерживаемых языков будет только один язык - английский. Поэтому проще всего скопировать готовые примеры в какой-нибудь каталог (например, в каталог build, в котором находится исполняемый файл gui-creator) и запускать редактор с одним параметром - путем к файлу проекта:

cp -r ../GUI-Creator/examples ./
./gui-creator examples/hello_world/hello_world.lua

MS Windows

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

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

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

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

Меню

Строка меню содержит следующие элементы:

• Файл - создание, открытие, сохранение и закрытие файлов.
• Правка - копирование, вставка, удаление объектов, отмена и повторение действий, настройки.
• Вид - управление внешним видом окна программы и рабочей области.
• Объект - управление уровнями объектов.
• Локализация - выбор языка создаваемого интерфейса.

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

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

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

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

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

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

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

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

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

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

В рабочей области производятся все основные действия с элементами интерфейса. По умолчанию рабочая область расчерчена координатной сеткой, которую можно отключить кнопкой Показывать сетку на панели инструментов. Для добавления графического или текстового объекта в рабочую область необходимо перетащить его мышью из плавающего окна Спрайты или Шрифты соответственно. Над выделенными объектами можно производить следующие действия:

• Изменение имени.
• Геометрические преобразования - перемещения, вращения около произвольного центра, отражения по вертикали и горизонтали, растяжения.
• Изменение уровня расположения - перемещение "перпендикулярно плоскости экрана".
• Изменение оптических свойств - цвета и прозрачности.
• Локализация.

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

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

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