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

Материал из Sibek
Версия от 12:30, 28 мая 2012; Grysha (обсуждение)

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Установка

Для установки программы в операционных системах 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Перемещение объекта на задний план