qmlcore

Pureqml :: qmlcore: qml to javascript translator

QMLCORE - это простой набор инструментов, которые мы (небольшая команда адвокатов QML), начиная с лет, чтобы упростить разработку HTML5 UIS как для мобильных, так и для настольных устройств. Он был разработан с учетом оригинального QML, в то время как он не совместимо на 100% и улучшается в некоторых аспектах. Хотя основные понятия такие же, поэтому, если вы знакомы с оригинальным QML, вы можете начать сразу.

Использование

QMLCORE предоставляет инструмент, написанный на Python с использованием Python-Future, позволяя запускать его поверх обеих версий Python. Обычно вам не нужно использовать их напрямую. build обеспечивает удобную обертку вокруг них всех.

Предварительные условия

Любой современный питон (2 или 3) пойдет хорошо. Jinja2 - это другой вариант для шаблона, если вы хотите больше, чем QML Loader в вашем HTML -файле, в то время как это не требуется для небольших приложений.

Чтобы установить выполнение требований:

$ pip install - r requirements . txt 

Простой

• Создать каталог проектов, cd <project-dir>
• Клон qmlcore to: git clone [email protected]:pureqml/qmlcore.git
• Запустить ./qmlcore/build -boilerplate
• Посмотрите на ./src/app.qml
• Запустите ./qmlcore/build, пожалуйста, найдите полученные файлы в build.web/*

Как это работает

Компилятор QML сканирует исходные каталоги для файлов QML и анализации каждого из них. Имя файла, начиная с прописной буквы, рассматриваемой компонентом, строранные экземпляры. Параметры по всему проекту хранятся в файле .manifest . Результатом компиляции является единый файл JavaScript с минимальными зависимостями (только Modernizr), готовую к использованию в мобильной и настольной среде и сопровождается образцом. HTML Launcher.

Манифестные варианты

Manifest-это коллекция взломов в масштабах всего проекта, которые мы использовали для того, чтобы вырвать различные проекты. Некоторые из них могут или не могут быть полезны.

• templater - Template Engine для использования, только «простые» и «Jinja2» поддерживаются на данный момент
• web-prefix -см. Параметр -p ниже, укажите префикс правил CSS
• minify - false/true или имя компилятора как строка, поддерживаются только «GCC» и «uglify -js». Компилятор Google закрытия требует запуска Java.
• platforms используют дополнительную платформу/*/ файлы, по умолчанию и только платформу - это «Интернет» на данный момент
• path - Дополнительные каталоги для поиска источников для

Построить параметры командной строки инструмента

• -m, --minify Minify с опцией по умолчанию ('Uglify-js')
• -k, --keep -храните оригинальный источник после министерства, полезно для отладки предупреждений о мини -министерстве
• -d, --devel разработки -девело
• -p, --web-prefix Web Prefix, удаленные правила CSS по умолчанию, добавляет для них префикс QML-, позволяя вам обменивать HTML/QML.
• -u, --update-translation
• -j, --jobs r n jobs параллельно
• --boilerplate Инициализирует минимум для более быстрых начала в текущем каталоге.

Поддерживаемые платформы

Мы поддерживаем множество различных платформ и вариантов интеграции видео.

Наиболее известные платформы:

• Веб -браузер HTML5 (очевидно) с разными аддонами:
  • Шака
  • Dash.js
  • Video.js Web Advension
• Электронджс
• Android (Native Engine и Cordova)
• IOS (Cordova)
• SmartTV пластики:
  • Любой телевизор Android через нативную поддержку Android.
  • LG (Netcast и Webos)
  • Samsung Smarttv (Orsay и Tizen)
  • Operatv
• Много платформ STB (в частном порядке)
• Настоящий двигатель C ++ с минимальными требованиями (EGL или LinuxFB) (в частном порядке)

Полный список поддерживаемой платформы см. Здесь и здесь. Или в качестве альтернативы просто спросите нас.

Нативная поддержка Android

Основной репо для PureQML Native Android реализации Android является https://github.com/pureqml/qmlcore-android.

Чтобы создать нативное приложение для Android, вам нужно:

• Установите Android SDK и установите переменную среды ANDROID_HOME
• Запустить ./qmlcore/platform/pure.femto/build-android-native.sh сценарий.

Локализация

QMLCORE использует QT-подход к локализации. Вы пишете код на своем языке по умолчанию, затем генерируете/обновляете (build -u) .ts Files Files, переводите их с помощью QT -лингвиста и составляете свой проект. QMLCORE распознает функцию TR, QSTR, QSTRANSLATE, а также QT_TR_NOOP/QT_TRANSLATE_NOOP MACROS.

Библиотека управления

QMLCORE содержит минимум элементов управления платформы: изображения, тексты, прямоугольники и классы модели View-Delegate. Различные элементы управления, которые могут быть полезны, находятся в отдельном репозитории. Просто клонируйте его через git clone [email protected]:pureqml/controls.git в вашем проекте, и все!

QML различия

Грамматика

Нам требуется полуколон после каждого заявления. Это может быть изменено в будущем.

Фокус

Самое большое расхождение в оригинальном QML - то, как внедряется фокус. Мы стремимся к «всегда согласованному» фокусированию везде. Вы должны отметить каждый фокус-подлежащий компоненту с focus: true; собственность, а остальное должно работать без настройки. Мы предоставляем несколько удобных свойств, чтобы легко справиться с фокусом:

• ActiveFocus - этот элемент имеет текущее фокус и сначала получил любой пользовательский ввод
• Сфокусирован - этот предмет имеет актуальное внимание к своему родителю, но не обязательно сфокусирован во всем мире

Случайные примечания

Добавление функций Modernizr

Пожалуйста, используйте следующую команду, чтобы получить пользовательскую страницу сборки Modernizr: head -n2 dist/modernizr-custom.js | tail -n1 или только вторая строка файла modernizr -custom.js

Спасибо

Modernizr Project

Modernizr рассказывает вам, что HTML, CSS и JavaScript может предложить браузер пользователя. https://modernizr.com/

База данных Game Controller SDL

База данных по производству сопоставлений контроллеров, полученных в сообществе, https://github.com/gabomdq/sdl_gamecontrollerdb

Apache Cordova Project

Apache Cordova-это мобильная структура разработки с открытым исходным кодом. Это позволяет использовать стандартные веб -технологии - HTML5, CSS3 и JavaScript для кроссплатформенного разработки. https://cordova.apache.org