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