13

я являюсь счастливым пользователем DAT.gui для локальной отладки и контроля графиков, что я работаю, но мне нужно что-то, что имеет в основном такую ​​же функциональность управленияDAT.gui - производство готовых альтернатива

  • INT или поплавок диапазона с помощью ползунка
  • выбрать цвет

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

Есть ли что-нибудь в этом роде?

+0

Btw, я понял, что некоторые люди могли бы знать ответ, но не знают, что DAT.gui есть, так вот ссылка http://workshop.chromeexperiments.com/examples/gui/ # 1 - Основное использование – kodisha

+1

Что случилось с редактированием файла CSS dat.GUI? –

+0

@JosephLennox, ничего, это мое последнее средство. Но я помню, что когда я смотрел исходный код, я видел несколько мест в коде, где они устанавливали свойства css непосредственно из кода. Я бы предпочел что-то с четким разделением кода, стиля и шаблонов. Btw я полностью понимаю этот стиль для dat.GUI, он отлично работает как контроллер для демонстраций и экспериментов. – kodisha

ответ

7

Поскольку dat.GUI уже удовлетворяет ваши потребности, ваш лучший выбор - придерживаться его. Он лицензирован под номером Apache License V2, поэтому вы можете его модифицировать, вносить в проект с закрытым исходным кодом и т. Д. Вы даже можете опубликовать свой новый код под совершенно другой лицензией (см. Wiki для сравнения лицензий).

Что касается изменения стиля и добавления функций, то ничего не мешает вам добавлять свои собственные стили CSS, чтобы переопределить значения по умолчанию или добавить свои собственные функции js.

Редактировать: Если смотреть на источник, то стили устанавливаются в файле style.scss в каталоге gui. Таким образом, вы можете отредактировать это и пересоздать его или просто связать с самим выходным css-файлом, а затем перекомпилировать весь пакет (на исходной странице есть инструкции для этого).

+1

Спасибо, см. Мой ответ Джозефу выше, я только что написал. Настройка DAT - мой последний вариант, если там уже ничего нет. – kodisha

+0

@ kodisha Обратите внимание на мое редактирование. DAT.gui уже имеет разделение стиля от js. Вам просто нужно перестроить пакет после редактирования предоставленного css или scss. –

7

Другим вариантом будет controlkit. Как показано на рисунке ниже, у него есть много возможностей для манипулирования и визуализации данных; В комплект включены цветные подборщики и слайдеры.

enter image description here