Русскоязычный портал о 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
Просмотров: 3542 | Теги: экспорт 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

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

Облако тэгов

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

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

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

Посетители

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

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