Qt Design Studio - это последнее предложение от компании Qt. Это простой в использовании инструмент проектирования, который позволяет дизайнерам импортировать проекты из Sketch и Photoshop в Qt, анимировать и тестировать их на целевом оборудовании и превращать их в код QML, который могут использовать разработчики.
Qt Bridge - это компонент плагина для инструментов дизайна, таких как Photoshop и Sketch. Плагин в первую очередь позволяет дизайнерам аннотировать слои проектного документа и экспортировать эти аннотации вместе с asset’ами и DOM дизайнерского документа в промежуточный формат, который можно импортировать в QDS. Плагин разработан с использованием Javascript и использует API, предоставляемые инструментами дизайна.
Плагин Qt Bridge версии 1.4 и выше позволяет пользователям писать JSX-скрипт для расширения или настройки поведения плагина Qt Bridge для Photoshop. Экран настроек позволяет пользователю выбрать собственный скрипт. Скрипт оценивается при загрузке плагина.
API-интерфейсы
Следующие API могут быть определены в файле JSX для настройки или расширения поведения Qt Bridge.
• preExport (documentInstance)
preExport(...) API вызывается перед экспортом документа PSD. Экземпляр документа отправляется в качестве аргумента. Пользователь может внести изменения в документ и, если необходимо, отменить эти изменения после завершения экспорта, определив postExport(...) API.
• postExport (documentInstance)
postExport(...) API вызывается после экспорта документа PSD. Экземпляр документа отправляется в качестве аргумента. Пользователь может вносить изменения в экземпляр документа. Например, вы можете отменить изменения, внесенные в документ в preExport(...) API.
• customQmlId (generateQmlId, psdLayerInstance)
API customQmlId(...) вызывается каждый раз, когда для слоя PSD генерируется идентификатор QML по умолчанию, и пользователь может вернуть идентификатор QML, который будет назначен слою. Параметр g generatedQmlId является идентификатором QML по умолчанию, сгенерированным плагином Qt Bridge для слоя, а параметр layerInstance является объектом слоя PSD.
Примечание. Верните ноль (null), чтобы использовать сгенерированный по умолчанию идентификатор QML.
Пример переопределения JSX:
Следующий скрипт записывает начало и конец экспортированного документа PSD в файл export.log внутри домашнего каталога. Идентификаторы QML имеют префикс "m_", а идентификаторы документа и слоя удаляются.
myCustomScript.jsx
var logFile = null preExport = function (documentInstance) { if (openLogFile("~/export.log")) { var date = new Date(); logFile.writeln(date + ": Exporting: " + documentInstance.name); } } postExport = function (documentInstance) { if (logFile) { var date = new Date(); logFile.writeln(date + ": Exporting done: " + documentInstance.name); logFile.close(); } } customDefaultQmlId = function(generatedQmlId, psdLayerInstance) { return "m_" + generatedQmlId.replace(/_[0-9]*_[0-9]*$/g, ""); } function openLogFile(path) { logFile = new File(path); var fileCreated = false; return logFile.open("w"); }