novosibpano@yandex.ru  

Редактор скина для krpano

Возможности

Для тех, кто хочет легко и быстро (без правки кода) изменить родной скин!

  • Изменение основных параметров позиционирования слоя.
  • Работа без открытия файлов XML и правки кода.
  • Оперативное изменение тона, насыщенности, яркости и прозрачности панели управления, бордюра, тени.
  • Визуальный контроль результата во время изменений.
  • Оригинальная система изменения параметров, минимальное количество кнопок.
  • Ввода параметров с клавиатуры - цифры, проценты, 16-й код для цвета.
  • Сохранение изменений в файл XML.



Примеры.

Пример на YouTube






Панель управления.

Редактор представляет из себя панель с расположенными внутри кнопками для изменения параметров. Для удобства работы панель перемещается мышкой внутри окна просмотра. По щелчку на верхней части панели (с треугольничком) она сворачивается.
Внутри панели есть блоки, в которых сгруппированы регулировки параметров цвета, ширины бордюра, радиуса закругления углов, работа с тенью.
Нижняя кнопка - сохранение изменений в файл XML.

Переключение режима редактирования панели миниатюр и рамки миниатюр :


Для изменения нажмите на кнопку, на ней отобразится режим редактирования.
  • Button bar - режим редактора панели.
  • Thumbnail - режим редактора рамки миниатюр.

  • Блок изменения цвета:


  • bgcolor - выбор фона (FFFFFF).
  • border - выбор бордюра (FFFFFF).
  • shadow - выбор тени слоя (FFFFFF).

  • Кнопки изменения параметров цвета. Имеют риски , показывающие относительное значение параметра.
    1. Изменение цвета (тона).
    2. Изменение насыщенности. Сдвиг в лево меняет насыщенность до 0, т.е. цвет становится серым (R=G=B). По умолчанию выход из серого происходит путем уменьшения значения R, значения G и B остаются неизменными. После появления разницы между R и G, B становится возможным изменение цвета (тона).
    3. Изменение яркости. От 0 до максимальной. При нулевой яркости (000000) нужно ее поднять сдвигая вправо. Полученный серый цвет можно вывести в цветной путем поднятия насыщенности.
    4. Изменение прозрачности.
    Щелчок по соответствующей кнопке выбирает элемент редактирования (фон,бордюр, тень), после выбора можно настраивать параметры элемента (цвет, насыщенность, яркость, прозрачность).

    Блок настройки ширины бордюра:


  • ALL - меняет одновременно ширину бордюров по четырем сторонам. Если изначально стороны разного размера, за основу берется ширина бордюра с левой стороны (ширина остальных бордюров становится равной левой). Остальные кнопки меняют индивидуально ширину бордюров соответственно сторонам.
  • left - бордюр слева (пиксeли).
  • right - бордюр справа (пиксeли).
  • top - бордюр сверху (пиксeли).
  • bottom - бордюр снизу (пиксeли).

  • Блок настройки радиуса бордюра:


  • ALL - меняет одновременно все закругления углов контейнера. Если изначально радиусы разного размера, за основу берется закругление левого верхнего угла (радиус остальных углов становится равным левому верхнему). Остальные кнопки меняют индивидуально радиус закругления.
  • lefttop - левый верхний угол (пиксeли).
  • righttop - правый верхний угол (пиксeли).
  • rightbottom - правый нижний угол (пиксeли).
  • leftbottom - левый нижний угол (пиксeли).

  • Блок настройки тени:


  • xoffset - отступ тени по оси х (пиксeли).
  • yoffset - отступ тени по оси у (пиксeли).
  • blur - размытие тени.
  • Spread - размер тени.


  • Смещение рамки миниатюр:


  • border padding - отступ рамки (пиксeли).
  • Кнопка появляется когда выбран режим редактирования бордюра миниатюр.
    Движение влево - вправо соответственно увеличивает или уменьшает рамку вокруг миниатюры.

    Кнопка сохранения:


  • Save settings XML - сохранение измененных параметров слоя в файл skin_set.xml




  • Как подключить редактор.

    Для подключения редактора поместить папку "edit_skin" в корневую папку с туром.

    Пример подключения плагина в основном xml:
    
        <krpano .... >
       
        <include url="edit_skin/edit_skin.xml" />
        <include url="edit_layer/skin_set.xml" />
        .
        .
        </krpano>
    	



    Работа с редактором.

    Как редактировать.

    Изменения параметра происходит путем нажатия левой клавиши мыши на кнопке и смещения в нажатом состоянии влево (уменьшение параметра), вправо (увеличение параметра). Чем дальше отводится мышь от места нажатия, тем быстреее изменяется параметр.
    Изменения сразу применяются к слою и визуально можно контролировать результат.
    Внутри панели редактирования расположено 4-е блока - редактор цвета, редактор ширины бордюра, редактор закругления углов, редактор тени.
    Щелчок по кнопке настройки параметра выделяет ее зеленой рамкой. Становится доступным ввод параметров с клавиатуры (цифры с правой стороны на клавиатуре). Доступны все цифры, процент (кнопка "5" верхнего ряда клавиатуры) и шестнадцатеричный код для ввода параметров цвета. После набора параметра для ввода нажать "Enter", при ошибке ввода клавиша "Delete" очищает кнопку.




    Сохранение измененных параметров.

    После редактирования нажать кнопку в панели "Save settings to XML".


    Откроется окно проводника, в котором нужно указать папку "edit_skin" для сохранения файла "skin_set.xml".
    Выбираем в окне файл "skin_set.xml", нажимаем "сохранить" и подтверждаем "заменить файл".



    окно браузера Перезагружаем! окно браузера - изменения приняты.






    Скачать демо-версию.

    Скачайте демо версию редактора с примером. Отличие от полной только в том, что не включена кнопка "Save settings XML".

    Для подключения пропишите
    
        <include url="edit_skin/edit_skin.xml" />
    	    
    Архив включает в себя:
  • Рабочий пример использования.
  • В примере папка "edit_skin" с файлами редактора в которой:
  • edit_skin.xml (Исполняющий файл.)
  • picture (Папка с иконками.)

  • Приобрести редактор.

    Для приобретения плагина напишите на почту novosibpano@yandex.ru.
    Я вышлю архив для скачивания в течение 24 часов.

    Редактор дизайна интерфейса 9 EUR.

    Также вы можете воспользоваться формой обратной связи (значок в левом нижнем углу сайта), либо оставить информацию в разделе "Комментарий".



    Примечание.

    Плагин предоставляется «как есть» без каких-либо гарантий, явных или подразумеваемых, включая любую гарантию качества, товарности или пригодности для определенной цели. Ни в коем случае автор плагина не несет ответственности за потерю данных, стоимость закупки замещающих товаров или услуг или любых особых, косвенных или случайных убытков по любой причине и независимо от того, был или не был автор плагина уведомлен о возможности такого ущерба.
      Это ограничение будет применяться независимо от любого отказа основной цели любого ограниченного средства правовой защиты, предусмотренного в настоящем документе. В любом случае автор плагина не будет нести ответственности, вытекающей из этого соглашения.






    Комментарии.