Русскоязычный портал о QML и QtQuick, QmlPortal What the duck

Каталог статей

Главная » Статьи » Статьи по QML

Экспорт дизайна интерфейсов из Gimp в QML

Итак, статья посвещена процессу импорта дизайна интерфейса из 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/
Категория: Статьи по QML | Добавил: CYAN (12.06.2011) | Автор: CYAN E W
Просмотров: 3375 | Теги: экспорт qml из GIMP, qml export | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела

Все статьи [0]
Обучение QML [8]
Статьи с базовой информацией о языке QML
Статьи по QML [6]
Статьи по QML
QML для профессионалов [4]
Статьи по QML-темам повышенной сложности
Ссылки на видео [5]
Ссылки на видео с демонстрацией возможностей QML
Ссылки на материалы по QML в интернете [2]
Ссылки на полезные материалы по QML в интернете
Обо всём [1]
Статьи на разные темы, не имеющие отношение к QML и QtQuick

Поиск на сайте

Облако тэгов

kinetic scroll анимация интерфейса кинетик скролл создание интерфейса path view qml видео демонстрация qml QML Component QML Grid Demo QML browser plugin просмотр QML форм QML signal QML Transition базовые типы QML QML Text пример QML экспорт qml из GIMP QML Rectangle color picker QML MouseArea qml export QML State экспорт QML из Photoshop QML QtQuick Web-browser Набор виджетов для QML статьи о QML на русском языке MeegoHarmattan N9/N950 game Sprite Animation GLSL fragment shader Qt Quick 2 Анимация Easing Easing curves Сглаживающие кривые C++ QGraphicsView Q_INVOKABLE Интеграция QML и C++ QML Particle System QtQuick.Particles QML Scene Graph javascript глобальные переменные Qt Mobility QtMultimediaKit map QtMobility.location Debian package Harmattan QtCreator D.U.C.K. H.U.N.T. QML пример

Статистика сайта

Статей: 26
Новостей: 6
Файлов: 10
Форум: 19/46
Коментариев: 6

Посетители

Полезные ресурсы

сайт Российского Qt сообщества The FRUCT program Российская сеть MeeGo пользователей и разработчиков