Итак, статья посвещена процессу импорта дизайна интерфейса из GIMP в QML, используя скрипт на Python. Для экпорта дизайна в Windows нам понадобятся:
gimp-qmlexporter — это скрипт для экспорта в QML. Скачать можно по ссылке http://qml.ucoz.com/load/poleznye_veshhi/plagin_dlja_ehkporta_v_qml_iz_gimp/3-1-0-5 Python 2.6.6 — интерпретатор языка Питон http://www.python.org/download/releases/2.6.6 PyGTK All in One сборка для работы Питона с библиотекой GTK http://ftp.gnome.org/pub/GNOME/binaries/win32/pygtk/2.22/pygtk-all-in-one-2.22.5.win32-py2.6.msi Готовый проект интерфейса для пробы http://qt.gitorious.org/qt-labs/gimp-qmlexporter/blobs/raw/master/example.xcf
Последовательность действий такая: устанавливаем Python, затем сборку PyGTK, после этого кладем скрипт qmlexporter.py в c:\Documents and Settings\имяпользователя\.gimp-<version>\plug-ins\
В Linux: нужно будет установить python, биндинг py-gtk. Скрипт qmlexporter.py поместить в ~/.gimp-<version>/plug-ins/. Также нужно будет дать скрипту права на исполнение: cd ~/.gimp-<version>/plug-ins/ wget http://qt.gitorious.org/qt-labs/gimp-qmlexporter/blobs/raw/master/qmlexporter.py chmod u+rx qmlexporter.py cd ~/tmp wget http://qt.gitorious.org/qt-labs/gimp-qmlexporter/blobs/raw/master/example.xcf gimp example.xcf
Далее - запускаем GIMP, открываем наш example.xcf. Идем в меню Файл — Export to QML. Пункт размещен под выходом.
Откроется окно, там можно выбрать имя для Qml (Qml Element name), куда сохранять QML(Save Qml to this directory) и конвертировать текст в картинки или нет. Не рекомендуется конвертировать текст в картинки, особенно, если на то нет явной необходимости (специфический шрифт на таргетинге и т.п.).
Возможности плагина довольно широки: сохраняет позицию слоёв, их прозрачность, размер. В тексте тоже сохраняет параметры форматирования. Далее мы импортируем qml-файл в проект и работаем с ним. Работать с ним можно как в дизайнере, так и в редакторе:
Видео процесса экспортирования:
Источник: http://www.progimp.ru/articles/interfaces_design_from_gimp_to_qml/ |