Как создать несложный интерфейса c помощью javascript?

Question

[Денис]

Нужно сделать скрипт для Photoshop'a. Имеется ExtendScript Toolkit.
Но скрипт нужно не просто сделать, а красивым, что бы с интерфейсом, все дела.

То есть я вызываю через PS мой файл jsx и хочу получить окно с набором кнопок.

Нашел что-то такое:

var dlg = new Window('dialog', 'My first script!',[100,100,480,250]);
dlg.btnPnl = dlg.add('panel', [25,15,365,125], 'Hello world!');
dlg.btnPnl.testBtn = dlg.btnPnl.add('button', [15,30,305,50], 'Finished', {name:'ok'});
dlg.btnPnl.testBtn.onClick = dobuild; dlg.show();
function dobuild() { alert("Congratulations - it all worked!");
dlg.close(); }

Нужно что-то вроде:

То есть в чем вопрос - как располагать мои кнопки так же, как на картинке?
Помогите кодом или документацией. Или может есть программа для простой визуализации всего процесса?

Спасибо.

Answer 1

[Rou1997]

Скрипт для Photoshop? Слишком уж специфическая задача получается. Последний раз я 3 года назад об этом слышал, так что думайте...
Может, там есть возможность просто создать интерфейс на HTML+CSS, вместо того, чтобы использовать API ExtendScript? Очень уж редкое, поэтому вряд ли кто-то поможет бесплатно, другое дело - за деньги.

Comments

[Денис]

По сути всё что нужно - это показать как расположить. Сами скрипты уже готовы. То есть я нажимаю кнопку и он вызывает некую функцию. С этим я разобрался. Но вот с расположением в пространстве никак.
Создание через html и css есть, НО оф.программа перестала поддерживаться. Я потратил несколько дней, но так и не получилось сделать интерфейс через ccs и html. PS отказывается видеть аддон.

[Rou1997]

Денис: Вывод: не надо браться за такие нетривиальные задачи без должного опыта и навыков. Я бы точно что-нибудь придумал, хотя непонятно, зачем такое вообще нужно писать.

[lega]

Денис: > Но вот с расположением в пространстве никак.

В вашем примере видно что можно указать координаты для элементов, вот этим и воспользуйтесь.

Answer 2

[Andrei]

попробуйте Adobe Configurator
labs.adobe.com/technologies/configurator